@import url("https://fonts.googleapis.com/css2?family=Jost:wght@200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap");
@font-face {
  font-family: centrygoche;
  src: url(../img/cards/card1/centrygoche.ttf); }

@font-face {
  font-family: din;
  src: url(../img/cards/esr/DIN.otf); }

@font-face {
  font-family: arivafont;
  src: url(../img/cards/ariva1/FuturaStd-Medium.otf); }

@font-face {
  font-family: toyotasemi;
  src: url(../img/cards/toyota/ToyotaType-Semibold.otf); }

@font-face {
  font-family: toyotabook;
  src: url(../img/cards/toyota/ToyotaType-Book.otf); }

@font-face {
  font-family: GOTHIC;
  src: url(../img/cards/ethoz/GOTHIC.TTF); }

@font-face {
  font-family: GOTHICB;
  src: url(../img/cards/ethoz/GOTHICB.TTF); }

/*
1em = 10px;
1800+ = big desktop screen size
1200 - 1800 = desktop screen size
900 - 1200 = tab landscape screen size
600 - 900 = tab portrait screen size
400 - 600 = large screen phone screen size
320 - 400 = small screen phone screen size

2560 = 4k tv
1600 = hdtv
1440 = large laptop
1024 = laptop
768 = tab
425 = mobile
375 = medium mobile
320 = small mobile
*/
:root {
  --hdtv: 160em;
  --large_laptop: 144em;
  --medium_laptop: 90em;
  --laptop: 64em;
  --tab: 48em;
  --mobile: 26.5em;
  --medium_mobile: 23.5em;
  --small_mobile: 20em;
  --font1: 'Jost', sans-serif;
  --cardfont1: 'Quicksand', sans-serif;
  --cardfont2: 'Roboto', sans-serif; }

.u_center_text {
  text-align: center !important; }

.u_margin_bottom_big {
  margin-bottom: 8rem !important; }

.u_margin_bottom_medium {
  margin-bottom: 6rem !important; }

.u_margin_bottom_standert {
  margin-bottom: 4rem !important; }

.u_margin_bottom_small {
  margin-bottom: 1.5rem !important; }

.u_margin_top_small {
  margin-top: 1.5rem !important; }

.u_margin_top_standert {
  margin-top: 4rem !important; }

.u_margin_top_meadium {
  margin-top: 6rem !important; }

.u_margin_top_big {
  margin-top: 8rem !important; }

.u_margin_top_block {
  margin-top: 10rem !important; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  font-size: 62.5%; }
  @media only screen and (min-width: 20em) {
    html {
      font-size: 50%; } }
  @media only screen and (min-width: 23.4em) {
    html {
      font-size: 50%; } }
  @media only screen and (min-width: 26.5em) {
    html {
      font-size: 56.3%; } }
  @media only screen and (min-width: 48em) {
    html {
      font-size: 50%; } }
  @media only screen and (min-width: 64em) {
    html {
      font-size: 56.3%; } }
  @media only screen and (min-width: 90em) {
    html {
      font-size: 62.5%; } }
  @media only screen and (min-width: 160em) {
    html {
      font-size: 87%; } }

body {
  box-sizing: border-box;
  font-family: var(--font1);
  font-weight: 500;
  min-height: 100vh;
  position: relative;
  padding: 3rem; }
  @media only screen and (min-width: 20em) {
    body {
      padding: 0; } }
  @media only screen and (min-width: 23.4em) {
    body {
      padding: 0; } }
  @media only screen and (min-width: 26.5em) {
    body {
      padding: 0; } }
  @media only screen and (min-width: 48em) {
    body {
      padding: 0.5rem; } }

.container {
  display: flex;
  width: inherit;
  min-height: 200vh;
  position: relative; }
  @media only screen and (max-width: 64em) {
    .container {
      flex-direction: column; } }

.maincontainer {
  display: flex;
  flex-direction: column; }

.row {
  display: flex;
  flex-direction: column;
  max-width: 160em;
  margin: 0 auto;
  position: relative; }

.popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(5px);
  z-index: 5; }

.c1 {
  display: flex; }
  .c1_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .c1_container {
        width: 90%; } }
    .c1_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .c1_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .c1_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .c1_container_box {
          margin: 1rem; } }
      .c1_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        color: #002060; }
      .c1_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        .c1_container_box_form_title {
          display: flex;
          font-size: 3rem;
          font-weight: 700;
          color: #002060; }
        .c1_container_box_form_logo {
          display: flex;
          width: 80%;
          flex-wrap: wrap;
          margin: 0 auto;
          align-items: center;
          justify-content: center; }
          .c1_container_box_form_logo_img {
            display: flex;
            width: 22rem;
            min-height: 12rem;
            justify-content: center;
            align-items: center;
            margin: 2rem;
            border-radius: 2rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
            .c1_container_box_form_logo_img_pic {
              display: flex;
              width: 18rem; }
          .c1_container_box_form_logo_input {
            display: none; }
          .c1_container_box_form_logo_label {
            margin-left: 2rem;
            background-color: #3b32ec;
            color: #fff;
            font-size: 2rem;
            font-weight: 800;
            padding: 1.5rem 2rem;
            border-radius: 4rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
        .c1_container_box_form_1 {
          display: flex;
          flex-wrap: wrap;
          justify-content: center; }
          .c1_container_box_form_1_input {
            display: flex;
            width: 30rem;
            border: 0.2rem solid #002060;
            padding: 1rem;
            margin: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .c1_container_box_form_1_input {
                width: 40rem; } }
        .c1_container_box_form_2 {
          display: flex;
          width: 90%;
          flex-direction: column;
          margin: 1rem auto;
          padding: 2rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
          @media only screen and (max-width: 48em) {
            .c1_container_box_form_2 {
              width: 100%;
              padding: 1rem; } }
          .c1_container_box_form_2_branch {
            display: flex;
            margin: 1rem; }
            .c1_container_box_form_2_branch_label {
              display: flex;
              width: 35rem;
              font-size: 3rem;
              font-weight: 700;
              color: #002060; }
            .c1_container_box_form_2_branch_input {
              display: flex;
              width: 100%;
              margin-left: 2rem;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
          .c1_container_box_form_2_address {
            display: flex;
            height: 8rem;
            border: 0.2rem solid #002060;
            padding: 1rem;
            margin: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
          .c1_container_box_form_2_input {
            display: flex;
            border: 0.2rem solid #002060;
            padding: 1rem;
            margin: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
        .c1_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 2rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .c1_container_box_botnav {
        display: flex;
        margin: 1rem;
        justify-content: flex-end; }
        .c1_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .c1_container_box_botnav_next span {
            font-size: 2.2rem; }

.c2 {
  display: flex; }
  .c2_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .c2_container {
        width: 90%; } }
    .c2_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .c2_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .c2_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .c2_container_box {
          margin: 1rem; } }
      .c2_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .c2_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        .c2_container_box_form_title {
          display: flex;
          font-size: 3rem;
          font-weight: 700;
          color: #002060; }
        .c2_container_box_form_1 {
          display: flex;
          justify-content: center; }
          .c2_container_box_form_1_input {
            display: flex;
            width: 85%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            margin: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
        .c2_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .c2_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            .c2_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .c2_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .c2_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 2rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .c2_container_box_botnav {
        display: flex;
        margin: 1rem;
        justify-content: flex-start; }
        .c2_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .c2_container_box_botnav_pre span {
            font-size: 2.2rem; }

.c3 {
  display: flex; }
  .c3_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .c3_container {
        width: 90%; } }
    .c3_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .c3_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .c3_container_box {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 1rem 3rem; }
      .c3_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin: 2rem 5rem;
        color: #002060; }
      .c3_container_box_con {
        display: flex;
        flex-direction: column;
        margin: 1rem;
        width: 80%; }
        @media only screen and (max-width: 48em) {
          .c3_container_box_con {
            width: 95%; } }
        .c3_container_box_con_detail {
          display: flex;
          width: 100%;
          margin: 2rem;
          font-size: 2.5rem; }
          @media only screen and (max-width: 48em) {
            .c3_container_box_con_detail {
              font-size: 2rem; } }
          .c3_container_box_con_detail_1 {
            display: flex;
            width: 45%;
            margin: 0.5rem; }
          .c3_container_box_con_detail_2 {
            display: flex;
            width: 10%;
            margin: 0.5rem;
            justify-content: center; }
          .c3_container_box_con_detail_3 {
            display: flex;
            width: 45%;
            margin: 0.5rem; }

.c4 {
  display: flex; }
  .c4_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .c4_container {
        width: 95%; } }
    .c4_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .c4_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .c4_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .c4_container_box {
          margin: 1rem; } }
      .c4_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        color: #002060; }
      .c4_container_box_1 {
        display: flex;
        flex-direction: column;
        width: 65%;
        margin: 2rem auto;
        padding: 2rem;
        border-radius: 2rem;
        box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
        @media only screen and (max-width: 48em) {
          .c4_container_box_1 {
            width: 95%;
            margin: 1rem auto;
            padding: 1rem; } }
        .c4_container_box_1_top {
          display: flex;
          flex-wrap: wrap;
          width: 100%; }
          @media only screen and (max-width: 48em) {
            .c4_container_box_1_top {
              justify-content: center; } }
          .c4_container_box_1_top_profile {
            display: flex;
            align-items: flex-start;
            justify-content: center;
            border-radius: 2rem;
            width: 18rem;
            margin: 1rem; }
            .c4_container_box_1_top_profile_img {
              display: flex;
              width: 16rem;
              border-radius: 1rem; }
          .c4_container_box_1_top_detail {
            display: flex;
            flex-direction: column;
            margin: 1rem;
            color: #002060; }
            .c4_container_box_1_top_detail_logo {
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 2rem;
              width: 25rem;
              height: 15rem;
              box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
              @media only screen and (max-width: 48em) {
                .c4_container_box_1_top_detail_logo {
                  width: 22rem;
                  height: 12rem; } }
              .c4_container_box_1_top_detail_logo_img {
                display: flex;
                width: 22rem; }
                @media only screen and (max-width: 48em) {
                  .c4_container_box_1_top_detail_logo_img {
                    width: 18rem; } }
            .c4_container_box_1_top_detail_company {
              display: flex;
              font-size: 2.5rem;
              font-weight: 700;
              margin: 0.5rem; }
            .c4_container_box_1_top_detail_idno {
              display: flex;
              font-size: 2rem;
              font-weight: 500; }
        .c4_container_box_1_bottom {
          display: flex;
          width: 100%;
          margin: 1rem;
          color: #002060; }
          .c4_container_box_1_bottom_d1 {
            display: flex;
            flex-direction: column;
            width: 50%; }
            .c4_container_box_1_bottom_d1_text {
              font-size: 2rem;
              font-weight: 600; }
            .c4_container_box_1_bottom_d1_box {
              display: flex;
              flex-direction: column;
              margin-left: 3rem; }
              .c4_container_box_1_bottom_d1_box_text {
                font-size: 1.5rem;
                margin: 0.5rem; }
          .c4_container_box_1_bottom_d2 {
            display: flex;
            flex-direction: column;
            width: 50%; }
            .c4_container_box_1_bottom_d2_text {
              font-size: 2rem;
              font-weight: 600; }
            .c4_container_box_1_bottom_d2_box {
              display: flex;
              flex-direction: column;
              margin-left: 3rem; }
              .c4_container_box_1_bottom_d2_box_text {
                font-size: 1.5rem;
                margin: 0.5rem; }
      .c4_container_box_2 {
        display: flex;
        width: 65%;
        margin: 0 auto; }
        @media only screen and (max-width: 48em) {
          .c4_container_box_2 {
            flex-wrap: wrap;
            justify-content: center; } }
        .c4_container_box_2_view {
          display: flex;
          flex-direction: column;
          width: 40%; }
          @media only screen and (max-width: 48em) {
            .c4_container_box_2_view {
              width: 55%; } }
          .c4_container_box_2_view_box {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0.5rem;
            background-color: #3b32ec;
            color: #fff;
            padding: 1rem;
            border-radius: 1rem; }
            .c4_container_box_2_view_box_icon {
              display: flex;
              width: 30%;
              justify-content: center;
              align-items: center; }
              .c4_container_box_2_view_box_icon_img {
                width: 6rem;
                height: 6rem;
                filter: brightness(0) invert(1); }
            .c4_container_box_2_view_box_detail {
              display: flex;
              width: 100%;
              flex-direction: column;
              align-items: center; }
              .c4_container_box_2_view_box_detail_title {
                font-size: 1.8rem; }
              .c4_container_box_2_view_box_detail_count {
                display: flex;
                font-size: 2.5rem;
                font-weight: 700; }
            .c4_container_box_2_view_box_text {
              font-size: 2rem; }
              .c4_container_box_2_view_box_text span {
                font-size: 2rem; }
            .c4_container_box_2_view_box_sendbtn {
              cursor: pointer; }
        .c4_container_box_2_card {
          display: flex;
          margin-left: 3rem; }
          .c4_container_box_2_card_link {
            display: flex; }
            .c4_container_box_2_card_link_img {
              width: 13rem; }
      .c4_container_box_3 {
        display: flex;
        width: 65%;
        margin: 1rem auto; }
        .c4_container_box_3_btn {
          display: flex;
          padding: 1.5rem 3rem;
          font-size: 2rem;
          font-weight: 700;
          background-color: red;
          color: #fff;
          border-radius: 3rem;
          border: none;
          outline: none; }

.c5 {
  display: flex; }
  .c5_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .c5_container {
        width: 90%; } }
    .c5_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .c5_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .c5_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .c5_container_box {
          margin: 1rem; } }
      .c5_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .c5_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        @media only screen and (max-width: 48em) {
          .c5_container_box_form {
            width: 90%; } }
        .c5_container_box_form_title {
          display: flex;
          font-size: 2.5rem;
          font-weight: 700;
          color: #002060; }
        .c5_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .c5_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .c5_container_box_form_2_box {
                width: 90%; } }
            .c5_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .c5_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .c5_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 2rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .c5_container_box_botnav {
        display: flex;
        margin: 1rem;
        justify-content: flex-start; }
        .c5_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .c5_container_box_botnav_pre span {
            font-size: 2.2rem; }

.c6 {
  display: flex; }
  .c6_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .c6_container {
        width: 90%; } }
    .c6_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .c6_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .c6_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .c6_container_box {
          margin: 1rem; } }
      .c6_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .c6_container_box_logo {
        display: flex;
        width: 80%;
        margin: 0 auto;
        align-items: center;
        justify-content: center; }
        @media only screen and (max-width: 48em) {
          .c6_container_box_logo {
            flex-wrap: wrap; } }
        .c6_container_box_logo_img {
          display: flex;
          width: 25rem;
          min-height: 15rem;
          justify-content: center;
          align-items: center;
          margin: 2rem;
          border-radius: 2rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
          @media only screen and (max-width: 48em) {
            .c6_container_box_logo_img {
              width: 22rem;
              height: 12rem; } }
          .c6_container_box_logo_img_pic {
            display: flex;
            width: 20rem; }
            @media only screen and (max-width: 48em) {
              .c6_container_box_logo_img_pic {
                width: 18rem; } }
        .c6_container_box_logo_input {
          display: none; }
        .c6_container_box_logo_label {
          margin-left: 2rem;
          background-color: #3b32ec;
          color: #fff;
          font-size: 2rem;
          font-weight: 800;
          padding: 2rem 3rem;
          border-radius: 4rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
      .c6_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        .c6_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .c6_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .c6_container_box_form_2_box {
                width: 90%; } }
            .c6_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .c6_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .c6_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 2rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .c6_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: flex-start; }
        .c6_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .c6_container_box_botnav_pre span {
            font-size: 2.2rem; }

.c7 {
  display: flex; }
  .c7_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 55%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .c7_container {
        width: 90%; } }
    .c7_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .c7_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .c7_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .c7_container_box {
          margin: 1rem; } }
      .c7_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        color: #002060; }
      .c7_container_box_1 {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin: 0 auto;
        padding: 2rem; }
        @media only screen and (max-width: 48em) {
          .c7_container_box_1 {
            padding: 1rem;
            width: 100%; } }
        .c7_container_box_1_top {
          display: flex;
          width: 100%;
          margin: 1rem; }
          @media only screen and (max-width: 48em) {
            .c7_container_box_1_top {
              flex-wrap: wrap;
              justify-content: center;
              margin: 0; } }
          .c7_container_box_1_top_logo {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 2rem;
            width: 25rem;
            height: 15rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
            @media only screen and (max-width: 48em) {
              .c7_container_box_1_top_logo {
                width: 22rem;
                height: 12rem; } }
            .c7_container_box_1_top_logo_img {
              display: flex;
              width: 22rem; }
              @media only screen and (max-width: 48em) {
                .c7_container_box_1_top_logo_img {
                  width: 18rem; } }
          .c7_container_box_1_top_detail {
            display: flex;
            flex-direction: column;
            margin: 1rem;
            margin-left: 3rem;
            color: #002060; }
            .c7_container_box_1_top_detail_company {
              display: flex;
              font-size: 2.5rem;
              font-weight: 700;
              margin: 0.5rem; }
            .c7_container_box_1_top_detail_idno {
              display: flex;
              font-size: 2rem;
              font-weight: 500; }
            .c7_container_box_1_top_detail_btn {
              display: flex;
              font-size: 2rem;
              font-weight: 500;
              margin: 1.5rem;
              padding: 1.5rem 3rem;
              border-radius: 3rem;
              border: none;
              outline: none;
              color: #fff;
              background-color: green; }
        .c7_container_box_1_bottom {
          display: flex;
          flex-direction: column;
          width: 100%;
          margin: 1rem;
          color: #002060; }
          .c7_container_box_1_bottom_d1 {
            display: flex;
            flex-direction: column;
            width: 100%; }
            .c7_container_box_1_bottom_d1_text {
              font-size: 2.2rem;
              font-weight: 600; }
            .c7_container_box_1_bottom_d1_box {
              display: flex;
              width: 80%;
              margin-left: 5rem;
              justify-content: space-around; }
              @media only screen and (max-width: 48em) {
                .c7_container_box_1_bottom_d1_box {
                  margin: 0;
                  width: 100%; } }
              .c7_container_box_1_bottom_d1_box_text {
                font-size: 1.8rem;
                margin: 0.5rem; }
          .c7_container_box_1_bottom_d2 {
            display: flex;
            flex-direction: column;
            margin-top: 1rem;
            color: #002060; }
            .c7_container_box_1_bottom_d2_text {
              display: flex;
              font-size: 1.8rem;
              margin: 0.5rem; }
              @media only screen and (max-width: 48em) {
                .c7_container_box_1_bottom_d2_text {
                  flex-direction: column; } }
      .c7_container_box_3 {
        display: flex;
        width: 85%;
        margin: 1rem auto; }
        .c7_container_box_3_btn {
          display: flex;
          padding: 1.5rem 3rem;
          font-size: 2rem;
          font-weight: 700;
          background-color: red;
          color: #fff;
          border-radius: 3rem;
          border: none;
          outline: none; }

.c8 {
  display: flex; }
  .c8_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 50;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .c8_container {
        width: 90%; } }
    .c8_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .c8_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .c8_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .c8_container_box {
          margin: 1rem; } }
      .c8_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .c8_container_box_logo {
        display: flex;
        width: 80%;
        margin: 0 auto;
        align-items: center;
        justify-content: center; }
        @media only screen and (max-width: 48em) {
          .c8_container_box_logo {
            flex-wrap: wrap; } }
        .c8_container_box_logo_img {
          display: flex;
          width: 22rem;
          min-height: 12rem;
          justify-content: center;
          align-items: center;
          margin: 2rem;
          border-radius: 2rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
          .c8_container_box_logo_img_pic {
            display: flex;
            width: 18rem; }
        .c8_container_box_logo_input {
          display: none; }
        .c8_container_box_logo_label {
          margin-left: 2rem;
          background-color: #3b32ec;
          color: #fff;
          font-size: 2rem;
          font-weight: 800;
          padding: 1.5rem 3rem;
          border-radius: 4rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
      .c8_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        .c8_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .c8_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .c8_container_box_form_2_box {
                width: 90%; } }
            .c8_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .c8_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .c8_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 2rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .c8_container_box_botnav {
        display: flex;
        margin: 1rem;
        justify-content: flex-start; }
        .c8_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .c8_container_box_botnav_pre span {
            font-size: 2.2rem; }

.c9 {
  display: flex; }
  .c9_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 55%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .c9_container {
        width: 90%; } }
    .c9_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .c9_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .c9_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .c9_container_box {
          margin: 1rem; } }
      .c9_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        color: #002060; }
      .c9_container_box_1 {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin: 0 auto;
        padding: 2rem; }
        @media only screen and (max-width: 48em) {
          .c9_container_box_1 {
            padding: 1rem; } }
        .c9_container_box_1_top {
          display: flex;
          width: 100%;
          margin: 1rem; }
          @media only screen and (max-width: 48em) {
            .c9_container_box_1_top {
              flex-wrap: wrap;
              justify-content: center; } }
          .c9_container_box_1_top_logo {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 2rem;
            width: 25rem;
            height: 15rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
            @media only screen and (max-width: 48em) {
              .c9_container_box_1_top_logo {
                width: 22rem;
                height: 12rem; } }
            .c9_container_box_1_top_logo_img {
              display: flex;
              width: 22rem;
              max-height: 12rem; }
              @media only screen and (max-width: 48em) {
                .c9_container_box_1_top_logo_img {
                  width: 18rem; } }
          .c9_container_box_1_top_detail {
            display: flex;
            flex-direction: column;
            margin: 1rem;
            margin-left: 3rem;
            color: #002060; }
            .c9_container_box_1_top_detail_company {
              display: flex;
              font-size: 2.5rem;
              font-weight: 700;
              margin: 0.5rem; }
            .c9_container_box_1_top_detail_idno {
              display: flex;
              font-size: 2rem;
              font-weight: 500; }
            .c9_container_box_1_top_detail_btn {
              display: flex;
              cursor: pointer;
              font-size: 2rem;
              font-weight: 500;
              margin: 1.5rem;
              padding: 1.5rem 3rem;
              border-radius: 3rem;
              border: none;
              outline: none;
              color: #fff;
              background-color: #3b32ec; }
        .c9_container_box_1_bottom {
          display: flex;
          flex-direction: column;
          width: 100%;
          margin: 1rem;
          color: #002060; }
          .c9_container_box_1_bottom_d1 {
            display: flex;
            flex-direction: column;
            width: 100%; }
            .c9_container_box_1_bottom_d1_text {
              font-size: 2.2rem;
              font-weight: 600; }
            .c9_container_box_1_bottom_d1_box {
              display: flex;
              width: 80%;
              margin-left: 5rem;
              justify-content: space-around; }
              @media only screen and (max-width: 48em) {
                .c9_container_box_1_bottom_d1_box {
                  width: 100%;
                  margin: 0; } }
              .c9_container_box_1_bottom_d1_box_text {
                font-size: 1.8rem;
                margin: 0.5rem; }
          .c9_container_box_1_bottom_d2 {
            display: flex;
            flex-direction: column;
            margin-top: 1rem;
            color: #002060; }
            .c9_container_box_1_bottom_d2_text {
              display: flex;
              font-size: 1.8rem;
              margin: 0.5rem; }
              @media only screen and (max-width: 48em) {
                .c9_container_box_1_bottom_d2_text {
                  flex-direction: column; } }
      .c9_container_box_3 {
        display: flex;
        width: 85%;
        margin: 1rem auto; }
        .c9_container_box_3_btn {
          display: flex;
          cursor: pointer;
          padding: 1.5rem 3rem;
          font-size: 2rem;
          font-weight: 700;
          background-color: red;
          color: #fff;
          border-radius: 3rem;
          border: none;
          outline: none; }

.c10 {
  display: flex; }
  .c10_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .c10_container {
        width: 90%; } }
    .c10_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .c10_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .c10_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .c10_container_box {
          margin: 1rem; } }
      .c10_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .c10_container_box_logo {
        display: flex;
        width: 80%;
        margin: 0 auto;
        align-items: center;
        justify-content: center; }
        @media only screen and (max-width: 48em) {
          .c10_container_box_logo {
            flex-wrap: wrap;
            justify-content: center; } }
        .c10_container_box_logo_img {
          display: flex;
          width: 22rem;
          min-height: 12rem;
          justify-content: center;
          align-items: center;
          margin: 2rem;
          border-radius: 2rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
          @media only screen and (max-width: 48em) {
            .c10_container_box_logo_img {
              width: 20rem; } }
          .c10_container_box_logo_img_pic {
            display: flex;
            width: 18rem; }
        .c10_container_box_logo_input {
          display: none; }
        .c10_container_box_logo_label {
          margin-left: 2rem;
          background-color: #3b32ec;
          color: #fff;
          font-size: 2rem;
          font-weight: 800;
          padding: 1.5rem 3rem;
          border-radius: 4rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
      .c10_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        .c10_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .c10_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .c10_container_box_form_2_box {
                width: 90%; } }
            .c10_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .c10_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .c10_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 2rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .c10_container_box_botnav {
        display: flex;
        margin: 1rem;
        justify-content: flex-start; }
        .c10_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .c10_container_box_botnav_pre span {
            font-size: 2.2rem; }

.c11 {
  display: flex; }
  .c11_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .c11_container {
        width: 90%; } }
    .c11_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .c11_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .c11_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      .c11_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 1rem;
        color: #002060; }
      .c11_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        @media only screen and (max-width: 48em) {
          .c11_container_box_form {
            width: 100%; } }
        .c11_container_box_form_title {
          display: flex;
          font-size: 3rem;
          font-weight: 700;
          color: #002060; }
        .c11_container_box_form_logo {
          display: flex;
          width: 80%;
          flex-wrap: wrap;
          margin: 0 auto;
          align-items: center;
          justify-content: center; }
          .c11_container_box_form_logo_img {
            display: flex;
            width: 22rem;
            min-height: 12rem;
            justify-content: center;
            align-items: center;
            margin: 2rem;
            border-radius: 2rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
            .c11_container_box_form_logo_img_pic {
              display: flex;
              width: 18rem; }
          .c11_container_box_form_logo_input {
            display: none; }
          .c11_container_box_form_logo_label {
            margin-left: 2rem;
            background-color: #3b32ec;
            color: #fff;
            font-size: 2rem;
            font-weight: 800;
            padding: 1.5rem 2rem;
            border-radius: 4rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
        .c11_container_box_form_2 {
          display: flex;
          width: 100%;
          margin: 0 auto;
          flex-direction: column;
          align-items: center; }
          .c11_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .c11_container_box_form_2_box {
                width: 95%; } }
            .c11_container_box_form_2_box_1 {
              display: flex;
              justify-content: center;
              flex-wrap: wrap; }
              .c11_container_box_form_2_box_1_item {
                display: flex;
                width: 43%;
                flex-direction: column;
                margin: 0.5rem; }
                @media only screen and (max-width: 48em) {
                  .c11_container_box_form_2_box_1_item {
                    width: 80%; } }
                .c11_container_box_form_2_box_1_item_label {
                  display: flex;
                  width: 35rem;
                  font-size: 2rem;
                  font-weight: 700;
                  color: #002060; }
                .c11_container_box_form_2_box_1_item_input {
                  display: flex;
                  width: 100%;
                  border: 0.2rem solid #002060;
                  padding: 1rem;
                  font-size: 1.5rem;
                  outline: none;
                  border-radius: 0.5rem; }
            .c11_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .c11_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .c11_container_box_form_3 {
          display: flex;
          width: 90%;
          flex-direction: column;
          margin: 1rem auto;
          padding: 2rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
          @media only screen and (max-width: 48em) {
            .c11_container_box_form_3 {
              width: 100%;
              padding: 1rem; } }
          .c11_container_box_form_3_branch {
            display: flex;
            margin: 1rem; }
            .c11_container_box_form_3_branch_label {
              display: flex;
              width: 35rem;
              font-size: 3rem;
              font-weight: 700;
              color: #002060; }
            .c11_container_box_form_3_branch_input {
              display: flex;
              width: 100%;
              margin-left: 2rem;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
          .c11_container_box_form_3_address {
            display: flex;
            height: 8rem;
            border: 0.2rem solid #002060;
            padding: 1rem;
            margin: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
          .c11_container_box_form_3_input {
            display: flex;
            border: 0.2rem solid #002060;
            padding: 1rem;
            margin: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
        .c11_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 2rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .c11_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: space-between; }
        .c11_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .c11_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .c11_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .c11_container_box_botnav_next span {
            font-size: 2.2rem; }

.c12 {
  display: flex; }
  .c12_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .c12_container {
        width: 90%; } }
    .c12_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .c12_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .c12_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .c12_container_box {
          margin: 1rem; } }
      .c12_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .c12_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        .c12_container_box_form_title {
          display: flex;
          font-size: 3rem;
          font-weight: 700;
          color: #002060; }
        .c12_container_box_form_1 {
          display: flex;
          justify-content: center; }
          .c12_container_box_form_1_input {
            display: flex;
            width: 85%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            margin: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
        .c12_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .c12_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .c12_container_box_form_2_box {
                width: 100%; } }
            .c12_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .c12_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .c12_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 2rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .c12_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: space-between; }
        .c12_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .c12_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .c12_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .c12_container_box_botnav_next span {
            font-size: 2.2rem; }

.c13 {
  display: flex; }
  .c13_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .c13_container {
        width: 90%; } }
    .c13_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .c13_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .c13_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .c13_container_box {
          margin: 1rem; } }
      .c13_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .c13_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        .c13_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .c13_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .c13_container_box_form_2_box {
                width: 100%; } }
            .c13_container_box_form_2_box_1 {
              display: flex;
              justify-content: center; }
              @media only screen and (max-width: 48em) {
                .c13_container_box_form_2_box_1 {
                  flex-wrap: wrap; } }
              .c13_container_box_form_2_box_1_item {
                display: flex;
                width: 43%;
                flex-direction: column;
                margin: 0.5rem; }
                @media only screen and (max-width: 48em) {
                  .c13_container_box_form_2_box_1_item {
                    width: 80%; } }
                .c13_container_box_form_2_box_1_item_label {
                  display: flex;
                  width: 35rem;
                  font-size: 2rem;
                  font-weight: 700;
                  color: #002060; }
                .c13_container_box_form_2_box_1_item_input {
                  display: flex;
                  width: 100%;
                  border: 0.2rem solid #002060;
                  padding: 1rem;
                  font-size: 1.5rem;
                  outline: none;
                  border-radius: 0.5rem; }
              .c13_container_box_form_2_box_1_item1 {
                display: flex;
                width: 25rem;
                height: 18rem;
                margin: 1rem;
                border-radius: 1rem;
                box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
                .c13_container_box_form_2_box_1_item1_input {
                  display: flex;
                  width: 4rem;
                  height: 4rem;
                  margin: 1rem; }
                .c13_container_box_form_2_box_1_item1_label {
                  display: flex;
                  align-items: center;
                  width: 100%;
                  margin-top: 1rem;
                  font-size: 1.8rem;
                  color: #002060;
                  padding: 1rem; }
            .c13_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .c13_container_box_form_2_box_text {
              display: flex;
              width: 100%;
              height: 15rem;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
            .c13_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .c13_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 2rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .c13_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: space-between; }
        .c13_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .c13_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .c13_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .c13_container_box_botnav_next span {
            font-size: 2.2rem; }

.c14 {
  display: flex; }
  .c14_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .c14_container {
        width: 90%; } }
    .c14_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .c14_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .c14_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .c14_container_box {
          margin: 1rem; } }
      .c14_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .c14_container_box_pay {
        display: flex;
        width: 80%;
        margin: 0 auto;
        align-items: center;
        justify-content: center; }
        @media only screen and (max-width: 48em) {
          .c14_container_box_pay {
            flex-wrap: wrap;
            justify-content: center; } }
        .c14_container_box_pay_img {
          display: flex;
          width: 20rem;
          min-height: 18rem;
          justify-content: center;
          align-items: center;
          margin: 2rem;
          border-radius: 2rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
          .c14_container_box_pay_img_pic {
            display: flex;
            width: 16rem;
            height: 16rem; }
        .c14_container_box_pay_input {
          display: none; }
        .c14_container_box_pay_label {
          margin-left: 2rem;
          text-transform: uppercase;
          background-color: #3b32ec;
          color: #fff;
          font-size: 1.8rem;
          font-weight: 600;
          padding: 1rem 2rem;
          border-radius: 4rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
      .c14_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        .c14_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .c14_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .c14_container_box_form_2_box {
                width: 100%; } }
            .c14_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .c14_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .c14_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 2rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .c14_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: space-between; }
        .c14_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .c14_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .c14_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .c14_container_box_botnav_next span {
            font-size: 2.2rem; }

.c15 {
  display: flex; }
  .c15_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .c15_container {
        width: 95%; } }
    .c15_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .c15_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .c15_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .c15_container_box {
          margin: 1rem; } }
      .c15_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .c15_container_box_1 {
        display: flex;
        width: 80%;
        margin: 1rem auto; }
        .c15_container_box_1_form {
          display: flex;
          justify-content: center;
          width: 100%;
          height: 6rem; }
          @media only screen and (max-width: 48em) {
            .c15_container_box_1_form {
              flex-wrap: wrap;
              height: 10rem; } }
          .c15_container_box_1_form_file {
            display: flex;
            margin: 1rem;
            border-radius: 3rem;
            font-size: 1.8rem;
            border: none;
            color: #fff;
            background-color: #3b32ec;
            outline: none;
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
            .c15_container_box_1_form_file::-webkit-file-upload-button {
              padding: 1rem 2rem;
              border-radius: 3rem;
              border: none;
              background-color: #fff;
              outline: none; }
          .c15_container_box_1_form_input {
            display: flex;
            margin: 1rem;
            font-size: 1.8rem;
            color: #fff;
            padding: 1rem 5rem;
            border-radius: 3rem;
            border: none;
            background-color: #3b32ec;
            outline: none;
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .c15_container_box_2 {
        display: flex;
        width: 80%;
        margin: 2rem auto;
        flex-wrap: wrap;
        padding: 1rem;
        border-radius: 2rem;
        justify-content: space-around;
        border: 0.2rem solid #3b32ec;
        max-height: 55rem;
        overflow: scroll; }
        .c15_container_box_2::-webkit-scrollbar {
          width: 0.2rem; }
        .c15_container_box_2::-webkit-scrollbar-thumb {
          background: #f1ecec; }
        .c15_container_box_2_item {
          display: flex;
          flex-direction: column;
          width: 20rem;
          margin: 1rem;
          border-radius: 1rem;
          box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
          .c15_container_box_2_item_img {
            display: flex;
            width: 20rem;
            height: 18rem;
            justify-content: center;
            align-items: center; }
            .c15_container_box_2_item_img_pic {
              display: flex;
              width: 18rem;
              margin: 0.5rem; }
          .c15_container_box_2_item_btn {
            display: flex;
            cursor: pointer;
            width: 100%;
            padding: 1.5rem 2rem;
            border-bottom-left-radius: 1rem;
            border-bottom-right-radius: 1rem;
            text-transform: uppercase;
            justify-content: center;
            border: none;
            outline: none;
            font-weight: 600;
            background-color: #3b32ec;
            color: #fff;
            font-size: 1.5rem; }
      .c15_container_box_botnav {
        display: flex;
        margin: 1rem;
        justify-content: space-between; }
        .c15_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .c15_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .c15_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .c15_container_box_botnav_next span {
            font-size: 2.2rem; }

.c16 {
  display: flex; }
  .c16_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .c16_container {
        width: 95%; } }
    .c16_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .c16_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .c16_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .c16_container_box {
          margin: 1rem; } }
      .c16_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .c16_container_box_1 {
        display: flex;
        width: 80%;
        margin: 1rem auto; }
        .c16_container_box_1_form {
          display: flex;
          justify-content: center;
          width: 100%;
          height: 6rem; }
          @media only screen and (max-width: 48em) {
            .c16_container_box_1_form {
              flex-wrap: wrap;
              height: 10rem; } }
          .c16_container_box_1_form_file {
            display: flex;
            margin: 1rem;
            border-radius: 3rem;
            font-size: 1.8rem;
            border: none;
            color: #fff;
            background-color: #3b32ec;
            outline: none;
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
            .c16_container_box_1_form_file::-webkit-file-upload-button {
              padding: 1rem 2rem;
              border-radius: 3rem;
              border: none;
              background-color: #fff;
              outline: none; }
          .c16_container_box_1_form_input {
            display: flex;
            margin: 1rem;
            font-size: 1.8rem;
            color: #fff;
            padding: 1rem 5rem;
            border-radius: 3rem;
            border: none;
            background-color: #3b32ec;
            outline: none;
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .c16_container_box_2 {
        display: flex;
        width: 80%;
        margin: 2rem auto;
        flex-wrap: wrap;
        padding: 1rem;
        border-radius: 2rem;
        justify-content: space-around;
        border: 0.2rem solid #3b32ec;
        max-height: 55rem;
        overflow: scroll; }
        .c16_container_box_2::-webkit-scrollbar {
          width: 0.2rem; }
        .c16_container_box_2::-webkit-scrollbar-thumb {
          background: #f1ecec; }
        .c16_container_box_2_item {
          display: flex;
          flex-direction: column;
          width: 20rem;
          margin: 1rem;
          border-radius: 1rem;
          box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
          @media only screen and (max-width: 48em) {
            .c16_container_box_2_item {
              width: 25rem; } }
          .c16_container_box_2_item_img {
            display: flex;
            width: 20rem;
            height: 15rem;
            justify-content: center;
            align-items: center; }
            @media only screen and (max-width: 48em) {
              .c16_container_box_2_item_img {
                width: 25rem; } }
            .c16_container_box_2_item_img_video {
              display: flex;
              width: 18rem;
              margin: 0.5rem; }
              @media only screen and (max-width: 48em) {
                .c16_container_box_2_item_img_video {
                  width: 23rem; } }
          .c16_container_box_2_item_btn {
            display: flex;
            cursor: pointer;
            width: 100%;
            padding: 1.5rem 2rem;
            border-bottom-left-radius: 1rem;
            border-bottom-right-radius: 1rem;
            text-transform: uppercase;
            justify-content: center;
            border: none;
            outline: none;
            font-weight: 600;
            background-color: #3b32ec;
            color: #fff;
            font-size: 1.5rem; }
      .c16_container_box_botnav {
        display: flex;
        margin: 1rem;
        justify-content: space-between; }
        .c16_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .c16_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .c16_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .c16_container_box_botnav_next span {
            font-size: 2.2rem; }

.c17 {
  display: flex; }
  .c17_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .c17_container {
        width: 90%; } }
    .c17_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .c17_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .c17_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      .c17_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .c17_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        @media only screen and (max-width: 48em) {
          .c17_container_box_form {
            width: 90%; } }
        .c17_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .c17_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .c17_container_box_form_2_box {
                width: 100%; } }
            .c17_container_box_form_2_box_1 {
              display: flex;
              justify-content: center;
              flex-wrap: wrap; }
              .c17_container_box_form_2_box_1_item {
                display: flex;
                width: 43%;
                flex-direction: column;
                margin: 0.5rem; }
                @media only screen and (max-width: 48em) {
                  .c17_container_box_form_2_box_1_item {
                    width: 80%; } }
                .c17_container_box_form_2_box_1_item_label {
                  display: flex;
                  width: 35rem;
                  font-size: 2rem;
                  font-weight: 700;
                  color: #002060; }
                .c17_container_box_form_2_box_1_item_input {
                  display: flex;
                  width: 100%;
                  border: 0.2rem solid #002060;
                  padding: 1rem;
                  font-size: 1.5rem;
                  outline: none;
                  border-radius: 0.5rem; }
              .c17_container_box_form_2_box_1_item1 {
                display: flex;
                width: 25rem;
                height: 18rem;
                margin: 1rem;
                border-radius: 1rem;
                box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
                .c17_container_box_form_2_box_1_item1_input {
                  display: flex;
                  width: 4rem;
                  height: 4rem;
                  margin: 1rem; }
                .c17_container_box_form_2_box_1_item1_label {
                  display: flex;
                  align-items: center;
                  width: 100%;
                  margin-top: 1rem;
                  font-size: 1.8rem;
                  color: #002060;
                  padding: 1rem; }
            .c17_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .c17_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
            .c17_container_box_form_2_box_text {
              display: flex;
              width: 100%;
              height: 15rem;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
            .c17_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .c17_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 2rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .c17_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: space-between; }
        .c17_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .c17_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .c17_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .c17_container_box_botnav_next span {
            font-size: 2.2rem; }

.c18 {
  display: flex; }
  .c18_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .c18_container {
        width: 90%; } }
    .c18_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .c18_container_close_icon {
        display: flex;
        font-size: 4rem;
        font-weight: 700; }
    .c18_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      .c18_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .c18_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        @media only screen and (max-width: 48em) {
          .c18_container_box_form {
            width: 90%; } }
        .c18_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .c18_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .c18_container_box_form_2_box {
                width: 100%; } }
            .c18_container_box_form_2_box_1 {
              display: flex;
              justify-content: center; }
              @media only screen and (max-width: 48em) {
                .c18_container_box_form_2_box_1 {
                  flex-wrap: wrap; } }
              .c18_container_box_form_2_box_1_item {
                display: flex;
                width: 43%;
                flex-direction: column;
                margin: 0.5rem; }
                @media only screen and (max-width: 48em) {
                  .c18_container_box_form_2_box_1_item {
                    width: 80%; } }
                .c18_container_box_form_2_box_1_item_label {
                  display: flex;
                  width: 35rem;
                  font-size: 2rem;
                  font-weight: 700;
                  color: #002060; }
                .c18_container_box_form_2_box_1_item_input {
                  display: flex;
                  width: 100%;
                  border: 0.2rem solid #002060;
                  padding: 1rem;
                  font-size: 1.5rem;
                  outline: none;
                  border-radius: 0.5rem; }
              .c18_container_box_form_2_box_1_item1 {
                display: flex;
                width: 25rem;
                height: 18rem;
                margin: 1rem;
                border-radius: 1rem;
                box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
                .c18_container_box_form_2_box_1_item1_input {
                  display: flex;
                  width: 4rem;
                  height: 4rem;
                  margin: 1rem; }
                .c18_container_box_form_2_box_1_item1_label {
                  display: flex;
                  align-items: center;
                  width: 100%;
                  margin-top: 1rem;
                  font-size: 1.8rem;
                  color: #002060;
                  padding: 1rem; }
            .c18_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .c18_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
            .c18_container_box_form_2_box_text {
              display: flex;
              width: 100%;
              height: 15rem;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
            .c18_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .c18_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 2rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .c18_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: space-between; }
        .c18_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .c18_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .c18_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .c18_container_box_botnav_next span {
            font-size: 2.2rem; }

.c19 {
  display: flex; }
  .c19_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .c19_container {
        width: 90%; } }
    .c19_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .c19_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .c19_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      .c19_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .c19_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        @media only screen and (max-width: 48em) {
          .c19_container_box_form {
            width: 100%; } }
        .c19_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .c19_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .c19_container_box_form_2_box {
                width: 90%; } }
            .c19_container_box_form_2_box_1 {
              display: flex;
              justify-content: center;
              flex-wrap: wrap; }
              .c19_container_box_form_2_box_1_item {
                display: flex;
                width: 43%;
                flex-direction: column;
                margin: 0.5rem; }
                @media only screen and (max-width: 48em) {
                  .c19_container_box_form_2_box_1_item {
                    width: 80%; } }
                .c19_container_box_form_2_box_1_item_label {
                  display: flex;
                  width: 35rem;
                  font-size: 2rem;
                  font-weight: 700;
                  color: #002060; }
                .c19_container_box_form_2_box_1_item_input {
                  display: flex;
                  width: 100%;
                  border: 0.2rem solid #002060;
                  padding: 1rem;
                  font-size: 1.5rem;
                  outline: none;
                  border-radius: 0.5rem; }
              .c19_container_box_form_2_box_1_item1 {
                display: flex;
                width: 25rem;
                height: 18rem;
                margin: 1rem;
                border-radius: 1rem;
                box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
                .c19_container_box_form_2_box_1_item1_input {
                  display: flex;
                  width: 4rem;
                  height: 4rem;
                  margin: 1rem; }
                .c19_container_box_form_2_box_1_item1_label {
                  display: flex;
                  align-items: center;
                  width: 100%;
                  margin-top: 1rem;
                  font-size: 1.8rem;
                  color: #002060;
                  padding: 1rem; }
            .c19_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .c19_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
            .c19_container_box_form_2_box_text {
              display: flex;
              width: 100%;
              height: 10rem;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
            .c19_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .c19_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 2rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .c19_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: space-between; }
        .c19_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2.5rem;
          font-weight: 700; }
          .c19_container_box_botnav_pre span {
            font-size: 3rem; }
        .c19_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 22rem;
          font-weight: 700; }
          .c19_container_box_botnav_next span {
            font-size: 2.2rem; }

.c20 {
  display: flex; }
  .c20_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 45%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .c20_container {
        width: 90%; } }
    .c20_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .c20_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .c20_container_box {
      display: flex;
      flex-direction: column;
      margin: 2rem 3rem; }
      .c20_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .c20_container_box_img {
        display: flex;
        max-height: 80rem; }
      .c20_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: space-between; }
        .c20_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2.5rem;
          font-weight: 700; }
          .c20_container_box_botnav_pre span {
            font-size: 3rem; }
        .c20_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2.5rem;
          font-weight: 700; }
          .c20_container_box_botnav_next span {
            font-size: 3rem; }

.c21 {
  display: flex; }
  .c21_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .c21_container {
        width: 90%; } }
    .c21_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .c21_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .c21_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .c21_container_box {
          margin: 1rem; } }
      .c21_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .c21_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        .c21_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .c21_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .c21_container_box_form_2_box {
                width: 90%; } }
            .c21_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .c21_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .c21_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 2rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .c21_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: flex-start; }
        .c21_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .c21_container_box_botnav_pre span {
            font-size: 2.2rem; }

.c22 {
  display: flex; }
  .c22_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .c22_container {
        width: 90%; } }
    .c22_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .c22_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .c22_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .c22_container_box {
          margin: 1rem; } }
      .c22_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .c22_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        .c22_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .c22_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .c22_container_box_form_2_box {
                width: 90%; } }
            .c22_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .c22_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .c22_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 2rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .c22_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: flex-start; }
        .c22_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .c22_container_box_botnav_pre span {
            font-size: 2.2rem; }

.e1 {
  display: flex; }
  .e1_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .e1_container {
        width: 95%; } }
    .e1_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .e1_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .e1_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .e1_container_box {
          margin: 1rem; } }
      .e1_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        color: #002060; }
      .e1_container_box_con {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        flex-direction: column; }
        .e1_container_box_con_form {
          display: flex;
          width: 80%;
          margin: 1rem auto; }
          .e1_container_box_con_form_input {
            display: flex;
            padding: 1rem 2rem;
            border-radius: 3rem; }

.e2 {
  display: flex; }
  .e2_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .e2_container {
        width: 90%; } }
    .e2_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .e2_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .e2_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .e2_container_box {
          margin: 1rem; } }
      .e2_container_box_title {
        display: flex;
        font-size: 2.5rem;
        font-weight: 700;
        margin-top: 1rem;
        color: #002060; }
      .e2_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        @media only screen and (max-width: 48em) {
          .e2_container_box_form {
            width: 90%; } }
        .e2_container_box_form_title {
          display: flex;
          font-size: 2.5rem;
          font-weight: 700;
          color: #002060; }
        .e2_container_box_form_profile {
          display: flex;
          width: 80%;
          flex-wrap: wrap;
          margin: 0 auto;
          align-items: center;
          justify-content: center; }
          .e2_container_box_form_profile_img {
            display: flex;
            width: 18rem;
            min-height: 12rem;
            justify-content: center;
            align-items: center;
            border-radius: 2rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
            @media only screen and (max-width: 48em) {
              .e2_container_box_form_profile_img {
                margin: 2rem; } }
            .e2_container_box_form_profile_img_pic {
              display: flex;
              width: 14rem; }
          .e2_container_box_form_profile_input {
            display: none; }
          .e2_container_box_form_profile_label {
            margin-left: 2rem;
            background-color: #3b32ec;
            color: #fff;
            font-size: 1.8rem;
            font-weight: 800;
            padding: 0.5rem 2rem;
            border-radius: 4rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
        .e2_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .e2_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.2rem; }
            @media only screen and (max-width: 48em) {
              .e2_container_box_form_2_box {
                width: 90%; } }
            .e2_container_box_form_2_box_label {
              display: flex;
              font-size: 1.8rem;
              font-weight: 700;
              color: #002060; }
            .e2_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .e2_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 1rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .e2_container_box_botnav {
        display: flex;
        margin: 0.5rem;
        justify-content: flex-start; }
        .e2_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 1.8rem;
          font-weight: 700; }
          .e2_container_box_botnav_pre span {
            font-size: 2rem; }

.e3 {
  display: flex; }
  .e3_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .e3_container {
        width: 90%; } }
    .e3_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .e3_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .e3_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .e3_container_box {
          margin: 1rem; } }
      .e3_container_box_title {
        display: flex;
        font-size: 2.5rem;
        font-weight: 700;
        margin-top: 1rem;
        color: #002060; }
      .e3_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        .e3_container_box_form_logo {
          display: flex;
          width: 80%;
          margin: 0 auto;
          align-items: center;
          justify-content: center; }
          @media only screen and (max-width: 48em) {
            .e3_container_box_form_logo {
              flex-wrap: wrap; } }
          .e3_container_box_form_logo_img {
            display: flex;
            width: 22rem;
            min-height: 13rem;
            justify-content: center;
            align-items: center;
            border-radius: 2rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
            @media only screen and (max-width: 48em) {
              .e3_container_box_form_logo_img {
                margin: 2rem; } }
            .e3_container_box_form_logo_img_pic {
              display: flex;
              width: 18rem; }
          .e3_container_box_form_logo_input {
            display: none; }
          .e3_container_box_form_logo_label {
            margin-left: 2rem;
            background-color: #3b32ec;
            color: #fff;
            font-size: 1.8rem;
            font-weight: 800;
            padding: 0.5rem 2rem;
            border-radius: 4rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
        .e3_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .e3_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.3rem; }
            @media only screen and (max-width: 48em) {
              .e3_container_box_form_2_box {
                width: 90%; } }
            .e3_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 1.5rem;
              font-weight: 700;
              color: #002060; }
            .e3_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .e3_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 1.5rem;
          margin: 1rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .e3_container_box_botnav {
        display: flex;
        margin: 1rem;
        justify-content: flex-start; }
        .e3_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 1.8rem;
          font-weight: 700; }
          .e3_container_box_botnav_pre span {
            font-size: 2rem; }

.e4 {
  display: flex; }
  .e4_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .e4_container {
        width: 90%; } }
    .e4_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .e4_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .e4_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .e4_container_box {
          margin: 1rem; } }
      .e4_container_box_title {
        display: flex;
        font-size: 2.5rem;
        font-weight: 700;
        margin-top: 1rem;
        color: #002060; }
      .e4_container_box_logo {
        display: flex;
        width: 80%;
        margin: 0 auto;
        align-items: center;
        justify-content: center; }
        @media only screen and (max-width: 48em) {
          .e4_container_box_logo {
            flex-wrap: wrap; } }
        .e4_container_box_logo_img {
          display: flex;
          width: 22rem;
          min-height: 13rem;
          justify-content: center;
          align-items: center;
          border-radius: 2rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
          @media only screen and (max-width: 48em) {
            .e4_container_box_logo_img {
              margin: 2rem; } }
          .e4_container_box_logo_img_pic {
            display: flex;
            width: 18rem; }
        .e4_container_box_logo_input {
          display: none; }
        .e4_container_box_logo_label {
          margin-left: 2rem;
          background-color: #3b32ec;
          color: #fff;
          font-size: 1.8rem;
          font-weight: 800;
          padding: 0.5rem 2rem;
          border-radius: 4rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
      .e4_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        .e4_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .e4_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.3rem; }
            @media only screen and (max-width: 48em) {
              .e4_container_box_form_2_box {
                width: 90%; } }
            .e4_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 1.5rem;
              font-weight: 700;
              color: #002060; }
            .e4_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .e4_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 1.5rem;
          margin: 1rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .e4_container_box_botnav {
        display: flex;
        margin: 1rem;
        justify-content: flex-start; }
        .e4_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 1.8rem;
          font-weight: 700; }
          .e4_container_box_botnav_pre span {
            font-size: 2rem; }

.e5 {
  display: flex; }
  .e5_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 55%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .e5_container {
        width: 90%; } }
    .e5_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .e5_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .e5_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .e5_container_box {
          margin: 1rem; } }
      .e5_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        color: #002060; }
      .e5_container_box_1 {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin: 0 auto;
        padding: 2rem; }
        @media only screen and (max-width: 48em) {
          .e5_container_box_1 {
            padding: 1rem;
            width: 100%; } }
        .e5_container_box_1_top {
          display: flex;
          width: 100%;
          margin: 1rem; }
          @media only screen and (max-width: 48em) {
            .e5_container_box_1_top {
              flex-wrap: wrap;
              justify-content: center;
              margin: 0; } }
          .e5_container_box_1_top_logo {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 2rem;
            width: 25rem;
            height: 15rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
            @media only screen and (max-width: 48em) {
              .e5_container_box_1_top_logo {
                width: 22rem;
                height: 12rem; } }
            .e5_container_box_1_top_logo_img {
              display: flex;
              width: 22rem; }
              @media only screen and (max-width: 48em) {
                .e5_container_box_1_top_logo_img {
                  width: 18rem; } }
          .e5_container_box_1_top_detail {
            display: flex;
            flex-direction: column;
            margin: 1rem;
            margin-left: 3rem;
            color: #002060; }
            .e5_container_box_1_top_detail_company {
              display: flex;
              font-size: 2.5rem;
              font-weight: 700;
              margin: 0.5rem; }
            .e5_container_box_1_top_detail_idno {
              display: flex;
              font-size: 2rem;
              font-weight: 500; }
            .e5_container_box_1_top_detail_btn {
              display: flex;
              font-size: 2rem;
              font-weight: 500;
              margin: 1.5rem;
              padding: 1.5rem 3rem;
              border-radius: 3rem;
              border: none;
              outline: none;
              color: #fff;
              background-color: green; }
        .e5_container_box_1_bottom {
          display: flex;
          flex-direction: column;
          width: 100%;
          margin: 1rem;
          color: #002060; }
          .e5_container_box_1_bottom_d1 {
            display: flex;
            flex-direction: column;
            width: 100%; }
            .e5_container_box_1_bottom_d1_text {
              font-size: 2.2rem;
              font-weight: 600; }
            .e5_container_box_1_bottom_d1_box {
              display: flex;
              width: 80%;
              margin-left: 5rem;
              justify-content: space-around; }
              @media only screen and (max-width: 48em) {
                .e5_container_box_1_bottom_d1_box {
                  margin: 0;
                  width: 100%; } }
              .e5_container_box_1_bottom_d1_box_text {
                font-size: 1.8rem;
                margin: 0.5rem; }
          .e5_container_box_1_bottom_d2 {
            display: flex;
            flex-direction: column;
            margin-top: 1rem;
            color: #002060; }
            .e5_container_box_1_bottom_d2_text {
              display: flex;
              font-size: 1.8rem;
              margin: 0.5rem; }
              @media only screen and (max-width: 48em) {
                .e5_container_box_1_bottom_d2_text {
                  flex-direction: column; } }
      .e5_container_box_3 {
        display: flex;
        width: 85%;
        margin: 1rem auto; }
        .e5_container_box_3_btn {
          display: flex;
          padding: 1.5rem 3rem;
          font-size: 2rem;
          font-weight: 700;
          background-color: red;
          color: #fff;
          border-radius: 3rem;
          border: none;
          outline: none; }

.e6 {
  display: flex; }
  .e6_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 55%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .e6_container {
        width: 90%; } }
    .e6_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .e6_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .e6_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .e6_container_box {
          margin: 1rem; } }
      .e6_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        color: #002060; }
      .e6_container_box_1 {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin: 0 auto;
        padding: 2rem; }
        @media only screen and (max-width: 48em) {
          .e6_container_box_1 {
            padding: 1rem; } }
        .e6_container_box_1_top {
          display: flex;
          width: 100%;
          margin: 1rem; }
          @media only screen and (max-width: 48em) {
            .e6_container_box_1_top {
              flex-wrap: wrap;
              justify-content: center; } }
          .e6_container_box_1_top_logo {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 2rem;
            width: 25rem;
            height: 15rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
            @media only screen and (max-width: 48em) {
              .e6_container_box_1_top_logo {
                width: 22rem;
                height: 12rem; } }
            .e6_container_box_1_top_logo_img {
              display: flex;
              width: 22rem;
              max-height: 12rem; }
              @media only screen and (max-width: 48em) {
                .e6_container_box_1_top_logo_img {
                  width: 18rem; } }
          .e6_container_box_1_top_detail {
            display: flex;
            flex-direction: column;
            margin: 1rem;
            margin-left: 3rem;
            color: #002060; }
            .e6_container_box_1_top_detail_company {
              display: flex;
              font-size: 2.5rem;
              font-weight: 700;
              margin: 0.5rem; }
            .e6_container_box_1_top_detail_idno {
              display: flex;
              font-size: 2rem;
              font-weight: 500; }
            .e6_container_box_1_top_detail_btn {
              display: flex;
              cursor: pointer;
              font-size: 2rem;
              font-weight: 500;
              margin: 1.5rem;
              padding: 1.5rem 3rem;
              border-radius: 3rem;
              border: none;
              outline: none;
              color: #fff;
              background-color: #3b32ec; }
        .e6_container_box_1_bottom {
          display: flex;
          flex-direction: column;
          width: 100%;
          margin: 1rem;
          color: #002060; }
          .e6_container_box_1_bottom_d1 {
            display: flex;
            flex-direction: column;
            width: 100%; }
            .e6_container_box_1_bottom_d1_text {
              font-size: 2.2rem;
              font-weight: 600; }
            .e6_container_box_1_bottom_d1_box {
              display: flex;
              width: 80%;
              margin-left: 5rem;
              justify-content: space-around; }
              @media only screen and (max-width: 48em) {
                .e6_container_box_1_bottom_d1_box {
                  width: 100%;
                  margin: 0; } }
              .e6_container_box_1_bottom_d1_box_text {
                font-size: 1.8rem;
                margin: 0.5rem; }
          .e6_container_box_1_bottom_d2 {
            display: flex;
            flex-direction: column;
            margin-top: 1rem;
            color: #002060; }
            .e6_container_box_1_bottom_d2_text {
              display: flex;
              font-size: 1.8rem;
              margin: 0.5rem; }
              @media only screen and (max-width: 48em) {
                .e6_container_box_1_bottom_d2_text {
                  flex-direction: column; } }
      .e6_container_box_3 {
        display: flex;
        width: 85%;
        margin: 1rem auto; }
        .e6_container_box_3_btn {
          display: flex;
          cursor: pointer;
          padding: 1.5rem 3rem;
          font-size: 2rem;
          font-weight: 700;
          background-color: red;
          color: #fff;
          border-radius: 3rem;
          border: none;
          outline: none; }

.e7 {
  display: flex; }
  .e7_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .e7_container {
        width: 90%; } }
    .e7_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .e7_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .e7_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .e7_container_box {
          margin: 1rem; } }
      .e7_container_box_title {
        display: flex;
        font-size: 2.5rem;
        font-weight: 700;
        margin-top: 1rem;
        color: #002060; }
      .e7_container_box_logo {
        display: flex;
        width: 80%;
        margin: 0 auto;
        align-items: center;
        justify-content: center; }
        @media only screen and (max-width: 48em) {
          .e7_container_box_logo {
            flex-wrap: wrap; } }
        .e7_container_box_logo_img {
          display: flex;
          width: 22rem;
          min-height: 13rem;
          justify-content: center;
          align-items: center;
          border-radius: 2rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
          @media only screen and (max-width: 48em) {
            .e7_container_box_logo_img {
              margin: 2rem; } }
          .e7_container_box_logo_img_pic {
            display: flex;
            width: 18rem; }
        .e7_container_box_logo_input {
          display: none; }
        .e7_container_box_logo_label {
          margin-left: 2rem;
          background-color: #3b32ec;
          color: #fff;
          font-size: 1.8rem;
          font-weight: 800;
          padding: 0.5rem 2rem;
          border-radius: 4rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
      .e7_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        .e7_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .e7_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.3rem; }
            @media only screen and (max-width: 48em) {
              .e7_container_box_form_2_box {
                width: 90%; } }
            .e7_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 1.5rem;
              font-weight: 700;
              color: #002060; }
            .e7_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .e7_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 1.5rem;
          margin: 1rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .e7_container_box_botnav {
        display: flex;
        margin: 1rem;
        justify-content: flex-start; }
        .e7_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 1.8rem;
          font-weight: 700; }
          .e7_container_box_botnav_pre span {
            font-size: 2rem; }

.e8 {
  display: flex; }
  .e8_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .e8_container {
        width: 90%; } }
    .e8_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .e8_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .e8_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      .e8_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .e8_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        @media only screen and (max-width: 48em) {
          .e8_container_box_form {
            width: 90%; } }
        .e8_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .e8_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .e8_container_box_form_2_box {
                width: 100%; } }
            .e8_container_box_form_2_box_1 {
              display: flex;
              justify-content: center;
              flex-wrap: wrap; }
              .e8_container_box_form_2_box_1_item {
                display: flex;
                width: 43%;
                flex-direction: column;
                margin: 0.5rem; }
                @media only screen and (max-width: 48em) {
                  .e8_container_box_form_2_box_1_item {
                    width: 80%; } }
                .e8_container_box_form_2_box_1_item_label {
                  display: flex;
                  width: 35rem;
                  font-size: 2rem;
                  font-weight: 700;
                  color: #002060; }
                .e8_container_box_form_2_box_1_item_input {
                  display: flex;
                  width: 100%;
                  border: 0.2rem solid #002060;
                  padding: 1rem;
                  font-size: 1.5rem;
                  outline: none;
                  border-radius: 0.5rem; }
              .e8_container_box_form_2_box_1_item1 {
                display: flex;
                width: 25rem;
                height: 18rem;
                margin: 1rem;
                border-radius: 1rem;
                box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
                .e8_container_box_form_2_box_1_item1_input {
                  display: flex;
                  width: 4rem;
                  height: 4rem;
                  margin: 1rem; }
                .e8_container_box_form_2_box_1_item1_label {
                  display: flex;
                  align-items: center;
                  width: 100%;
                  margin-top: 1rem;
                  font-size: 1.8rem;
                  color: #002060;
                  padding: 1rem; }
            .e8_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .e8_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
            .e8_container_box_form_2_box_text {
              display: flex;
              width: 100%;
              height: 15rem;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
            .e8_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .e8_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 2rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .e8_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: space-between; }
        .e8_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .e8_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .e8_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .e8_container_box_botnav_next span {
            font-size: 2.2rem; }

.e9 {
  display: flex; }
  .e9_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .e9_container {
        width: 90%; } }
    .e9_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .e9_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .e9_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      .e9_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .e9_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        @media only screen and (max-width: 48em) {
          .e9_container_box_form {
            width: 90%; } }
        .e9_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .e9_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .e9_container_box_form_2_box {
                width: 100%; } }
            .e9_container_box_form_2_box_1 {
              display: flex;
              justify-content: center;
              flex-wrap: wrap; }
              .e9_container_box_form_2_box_1_item {
                display: flex;
                width: 43%;
                flex-direction: column;
                margin: 0.5rem; }
                @media only screen and (max-width: 48em) {
                  .e9_container_box_form_2_box_1_item {
                    width: 80%; } }
                .e9_container_box_form_2_box_1_item_label {
                  display: flex;
                  width: 35rem;
                  font-size: 2rem;
                  font-weight: 700;
                  color: #002060; }
                .e9_container_box_form_2_box_1_item_input {
                  display: flex;
                  width: 100%;
                  border: 0.2rem solid #002060;
                  padding: 1rem;
                  font-size: 1.5rem;
                  outline: none;
                  border-radius: 0.5rem; }
              .e9_container_box_form_2_box_1_item1 {
                display: flex;
                width: 25rem;
                height: 18rem;
                margin: 1rem;
                border-radius: 1rem;
                box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
                .e9_container_box_form_2_box_1_item1_input {
                  display: flex;
                  width: 4rem;
                  height: 4rem;
                  margin: 1rem; }
                .e9_container_box_form_2_box_1_item1_label {
                  display: flex;
                  align-items: center;
                  width: 100%;
                  margin-top: 1rem;
                  font-size: 1.8rem;
                  color: #002060;
                  padding: 1rem; }
            .e9_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .e9_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
            .e9_container_box_form_2_box_text {
              display: flex;
              width: 100%;
              height: 15rem;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
            .e9_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .e9_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 2rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .e9_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: space-between; }
        .e9_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .e9_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .e9_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .e9_container_box_botnav_next span {
            font-size: 2.2rem; }

.e10 {
  display: flex; }
  .e10_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 45%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .e10_container {
        width: 90%; } }
    .e10_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .e10_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .e10_container_box {
      display: flex;
      flex-direction: column;
      margin: 2rem 3rem; }
      .e10_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-bottom: 2rem;
        color: #002060; }
      .e10_container_box_img {
        display: flex;
        max-height: 80rem; }
      .e10_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: space-between; }
        .e10_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2.5rem;
          font-weight: 700; }
          .e10_container_box_botnav_pre span {
            font-size: 3rem; }
        .e10_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2.5rem;
          font-weight: 700; }
          .e10_container_box_botnav_next span {
            font-size: 3rem; }

.e11 {
  display: flex; }
  .e11_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .e11_container {
        width: 90%; } }
    .e11_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .e11_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .e11_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      .e11_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .e11_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        @media only screen and (max-width: 48em) {
          .e11_container_box_form {
            width: 90%; } }
        .e11_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .e11_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .e11_container_box_form_2_box {
                width: 100%; } }
            .e11_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .e11_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
            .e11_container_box_form_2_box_text {
              display: flex;
              width: 100%;
              height: 15rem;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
            .e11_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .e11_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 2rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .e11_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: space-between; }
        .e11_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .e11_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .e11_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .e11_container_box_botnav_next span {
            font-size: 2.2rem; }

.s1 {
  display: flex; }
  .s1_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s1_container {
        width: 90%; } }
    .s1_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s1_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s1_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .s1_container_box {
          margin: 1rem; } }
      .s1_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        color: #002060; }
      .s1_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        .s1_container_box_form_title {
          display: flex;
          font-size: 3rem;
          font-weight: 700;
          color: #002060; }
        .s1_container_box_form_logo {
          display: flex;
          width: 80%;
          flex-wrap: wrap;
          margin: 0 auto;
          align-items: center;
          justify-content: center; }
          .s1_container_box_form_logo_img {
            display: flex;
            width: 22rem;
            min-height: 12rem;
            justify-content: center;
            align-items: center;
            margin: 1rem;
            border-radius: 2rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
            .s1_container_box_form_logo_img_pic {
              display: flex;
              width: 18rem; }
          .s1_container_box_form_logo_input {
            display: none; }
          .s1_container_box_form_logo_label {
            margin-left: 2rem;
            background-color: #3b32ec;
            color: #fff;
            font-size: 2rem;
            font-weight: 800;
            padding: 1.5rem 2rem;
            border-radius: 4rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
        .s1_container_box_form_1 {
          display: flex;
          flex-wrap: wrap;
          justify-content: center; }
          .s1_container_box_form_1_input {
            display: flex;
            width: 30rem;
            border: 0.2rem solid #002060;
            padding: 1rem;
            margin: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .s1_container_box_form_1_input {
                width: 40rem; } }
        .s1_container_box_form_2 {
          display: flex;
          width: 90%;
          flex-direction: column;
          margin: 0 auto;
          padding: 1rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
          @media only screen and (max-width: 48em) {
            .s1_container_box_form_2 {
              width: 100%; } }
          .s1_container_box_form_2_branch {
            display: flex;
            margin: 1rem; }
            .s1_container_box_form_2_branch_label {
              display: flex;
              width: 35rem;
              font-size: 3rem;
              font-weight: 700;
              color: #002060; }
            .s1_container_box_form_2_branch_input {
              display: flex;
              width: 100%;
              margin-left: 2rem;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
          .s1_container_box_form_2_address {
            display: flex;
            height: 8rem;
            border: 0.2rem solid #002060;
            padding: 1rem;
            margin: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
          .s1_container_box_form_2_input {
            display: flex;
            border: 0.2rem solid #002060;
            padding: 1rem;
            margin: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
        .s1_container_box_form_3 {
          display: flex;
          width: 100%;
          justify-content: center;
          align-items: center;
          margin: 1rem; }
          .s1_container_box_form_3_label {
            display: flex;
            font-size: 2rem;
            width: 60%; }
          .s1_container_box_form_3_btn {
            display: flex;
            justify-content: center;
            width: 15rem;
            font-size: 2rem;
            margin: 1rem;
            padding: 1rem 2rem;
            border-radius: 3rem;
            border: none;
            outline: none;
            background-color: #3b32ec;
            color: #fff; }
      .s1_container_box_botnav {
        display: flex;
        margin: 1rem;
        justify-content: flex-end; }
        .s1_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s1_container_box_botnav_next span {
            font-size: 2.2rem; }

.s2 {
  display: flex; }
  .s2_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s2_container {
        width: 90%; } }
    .s2_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s2_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s2_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .s2_container_box {
          margin: 1rem; } }
      .s2_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .s2_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        .s2_container_box_form_1 {
          display: flex;
          justify-content: center; }
          .s2_container_box_form_1_input {
            display: flex;
            width: 85%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            margin: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
        .s2_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .s2_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            .s2_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .s2_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .s2_container_box_form_3 {
          display: flex;
          width: 100%;
          justify-content: center;
          align-items: center;
          margin: 1rem; }
          .s2_container_box_form_3_label {
            display: flex;
            font-size: 2rem;
            width: 60%; }
          .s2_container_box_form_3_btn {
            display: flex;
            justify-content: center;
            width: 15rem;
            font-size: 2rem;
            margin: 1rem;
            padding: 1rem 2rem;
            border-radius: 3rem;
            border: none;
            outline: none;
            background-color: #3b32ec;
            color: #fff; }
      .s2_container_box_botnav {
        display: flex;
        margin: 1rem;
        justify-content: flex-start; }
        .s2_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s2_container_box_botnav_pre span {
            font-size: 2.2rem; }

.s3 {
  display: flex; }
  .s3_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s3_container {
        width: 90%; } }
    .s3_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s3_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s3_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .s3_container_box {
          margin: 1rem; } }
      .s3_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .s3_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        .s3_container_box_form_title {
          display: flex;
          font-size: 3rem;
          font-weight: 700;
          color: #002060; }
        .s3_container_box_form_1 {
          display: flex;
          justify-content: center; }
          .s3_container_box_form_1_input {
            display: flex;
            width: 85%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            margin: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
        .s3_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .s3_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .s3_container_box_form_2_box {
                width: 100%; } }
            .s3_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .s3_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .s3_container_box_form_3 {
          display: flex;
          width: 100%;
          align-items: center;
          margin: 1rem;
          justify-content: center; }
          .s3_container_box_form_3_label {
            display: flex;
            font-size: 2rem;
            width: 40%; }
          .s3_container_box_form_3_btn {
            display: flex;
            justify-content: center;
            width: 15rem;
            font-size: 2rem;
            margin: 1rem;
            padding: 1rem 2rem;
            border-radius: 3rem;
            border: none;
            outline: none;
            background-color: #3b32ec;
            color: #fff; }

.s4 {
  display: flex; }
  .s4_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s4_container {
        width: 90%; } }
    .s4_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s4_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s4_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .s4_container_box {
          margin: 1rem; } }
      .s4_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .s4_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        .s4_container_box_form_title {
          display: flex;
          font-size: 3rem;
          font-weight: 700;
          color: #002060; }
        .s4_container_box_form_1 {
          display: flex;
          justify-content: center; }
          .s4_container_box_form_1_input {
            display: flex;
            width: 85%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            margin: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
        .s4_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .s4_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .s4_container_box_form_2_box {
                width: 100%; } }
            .s4_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .s4_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .s4_container_box_form_3 {
          display: flex;
          width: 100%;
          align-items: center;
          margin: 1rem;
          justify-content: center; }
          .s4_container_box_form_3_label {
            display: flex;
            font-size: 2rem;
            width: 40%; }
          .s4_container_box_form_3_btn {
            display: flex;
            justify-content: center;
            width: 15rem;
            font-size: 2rem;
            margin: 1rem;
            padding: 1rem 2rem;
            border-radius: 3rem;
            border: none;
            outline: none;
            background-color: #3b32ec;
            color: #fff; }

.s5 {
  display: flex; }
  .s5_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s5_container {
        width: 90%; } }
    .s5_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s5_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s5_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      .s5_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 1rem;
        color: #002060; }
      .s5_container_box_1 {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin: 0 auto;
        align-items: center; }
      .s5_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        @media only screen and (max-width: 48em) {
          .s5_container_box_form {
            width: 100%; } }
        .s5_container_box_form_4 {
          display: flex;
          flex-wrap: wrap; }
          .s5_container_box_form_4_logo {
            display: flex;
            flex-direction: column;
            margin: 0 auto;
            align-items: center;
            justify-content: center; }
            .s5_container_box_form_4_logo_img {
              display: flex;
              width: 22rem;
              min-height: 12rem;
              justify-content: center;
              align-items: center;
              margin: 1rem;
              border-radius: 2rem;
              box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
              .s5_container_box_form_4_logo_img_pic {
                display: flex;
                width: 18rem; }
            .s5_container_box_form_4_logo_input {
              display: none; }
            .s5_container_box_form_4_logo_label {
              display: flex;
              background-color: #3b32ec;
              color: #fff;
              font-size: 1.5rem;
              font-weight: 800;
              padding: 1.5rem 2rem;
              border-radius: 4rem;
              box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
        .s5_container_box_form_1 {
          display: flex;
          width: 100%;
          margin: 0 auto; }
          .s5_container_box_form_1_detail {
            display: flex;
            width: 100%;
            flex-direction: column; }
            @media only screen and (max-width: 48em) {
              .s5_container_box_form_1_detail {
                align-items: center; } }
            .s5_container_box_form_1_detail_title {
              display: flex;
              font-size: 2.2rem;
              font-weight: 600; }
            .s5_container_box_form_1_detail_box {
              display: flex;
              margin: 0.2rem;
              flex-wrap: wrap;
              justify-content: center; }
              @media only screen and (max-width: 48em) {
                .s5_container_box_form_1_detail_box {
                  justify-content: center; } }
              .s5_container_box_form_1_detail_box_item {
                display: flex;
                margin: 0.5rem;
                margin-left: 0.8rem;
                width: 20rem;
                align-items: center;
                justify-content: space-between;
                border-radius: 3rem;
                padding: 0.5rem;
                box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
                @media only screen and (max-width: 48em) {
                  .s5_container_box_form_1_detail_box_item {
                    margin: 0.5rem; } }
                .s5_container_box_form_1_detail_box_item_text {
                  display: flex;
                  font-size: 1.8rem;
                  margin-right: 1rem; }
                .s5_container_box_form_1_detail_box_item_toggle {
                  display: inline-block;
                  cursor: pointer;
                  outline: none;
                  --width: 4rem;
                  --height: calc(var(--width) / 2);
                  --border-radius: calc(var(--height) / 2); }
                  .s5_container_box_form_1_detail_box_item_toggle_check {
                    display: none; }
                  .s5_container_box_form_1_detail_box_item_toggle_fill {
                    position: relative;
                    width: var(--width);
                    height: var(--height);
                    border-radius: var(--border-radius);
                    background: #f44336;
                    transition: background 0.2s; }
                  .s5_container_box_form_1_detail_box_item_toggle_fill::after {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: var(--height);
                    width: var(--height);
                    border-radius: var(--border-radius);
                    background: #fff;
                    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25);
                    transition: transform 0.2s; }
                  .s5_container_box_form_1_detail_box_item_toggle_check:checked ~ .s5_container_box_form_1_detail_box_item_toggle_fill {
                    background-color: #11e223; }
                  .s5_container_box_form_1_detail_box_item_toggle_check:checked ~ .s5_container_box_form_1_detail_box_item_toggle_fill::after {
                    transform: translateX(var(--height)); }
        .s5_container_box_form_2 {
          display: flex;
          width: 100%;
          margin: 0 auto;
          flex-direction: column;
          align-items: center; }
          .s5_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .s5_container_box_form_2_box {
                width: 95%; } }
            .s5_container_box_form_2_box_1 {
              display: flex;
              justify-content: center;
              flex-wrap: wrap; }
              .s5_container_box_form_2_box_1_item {
                display: flex;
                width: 43%;
                flex-direction: column;
                margin: 0.5rem; }
                @media only screen and (max-width: 48em) {
                  .s5_container_box_form_2_box_1_item {
                    width: 80%; } }
                .s5_container_box_form_2_box_1_item_label {
                  display: flex;
                  width: 35rem;
                  font-size: 2rem;
                  font-weight: 700;
                  color: #002060; }
                .s5_container_box_form_2_box_1_item_input {
                  display: flex;
                  width: 100%;
                  border: 0.2rem solid #002060;
                  padding: 1rem;
                  font-size: 1.5rem;
                  outline: none;
                  border-radius: 0.5rem; }
            .s5_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .s5_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .s5_container_box_form_3 {
          display: flex;
          width: 100%;
          justify-content: center;
          align-items: center;
          margin: 0.5rem; }
          .s5_container_box_form_3_label {
            display: flex;
            font-size: 2rem;
            width: 60%; }
          .s5_container_box_form_3_btn {
            display: flex;
            justify-content: center;
            width: 15rem;
            font-size: 2rem;
            margin: 1rem;
            padding: 1rem 2rem;
            border-radius: 3rem;
            border: none;
            outline: none;
            background-color: #3b32ec;
            color: #fff; }
      .s5_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: space-between; }
        .s5_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s5_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .s5_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s5_container_box_botnav_next span {
            font-size: 2.2rem; }

.s6 {
  display: flex; }
  .s6_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s6_container {
        width: 90%; } }
    .s6_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s6_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s6_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .s6_container_box {
          margin: 1rem; } }
      .s6_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        color: #002060; }
      .s6_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 2rem auto; }
        .s6_container_box_form_title {
          display: flex;
          font-size: 3rem;
          font-weight: 700;
          color: #002060; }
        .s6_container_box_form_2 {
          display: flex;
          width: 90%;
          flex-direction: column;
          margin: 0 auto;
          padding: 1rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
          @media only screen and (max-width: 48em) {
            .s6_container_box_form_2 {
              width: 100%; } }
          .s6_container_box_form_2_branch {
            display: flex;
            margin: 1rem; }
            .s6_container_box_form_2_branch_label {
              display: flex;
              width: 35rem;
              font-size: 3rem;
              font-weight: 700;
              color: #002060; }
            .s6_container_box_form_2_branch_input {
              display: flex;
              width: 100%;
              margin-left: 2rem;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
          .s6_container_box_form_2_address {
            display: flex;
            height: 8rem;
            border: 0.2rem solid #002060;
            padding: 1rem;
            margin: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
          .s6_container_box_form_2_input {
            display: flex;
            border: 0.2rem solid #002060;
            padding: 1rem;
            margin: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
        .s6_container_box_form_3 {
          display: flex;
          width: 100%;
          justify-content: center;
          align-items: center;
          margin: 1rem; }
          .s6_container_box_form_3_label {
            display: flex;
            font-size: 2rem;
            width: 60%; }
          .s6_container_box_form_3_btn {
            display: flex;
            justify-content: center;
            width: 15rem;
            font-size: 2rem;
            margin: 1rem;
            padding: 1rem 2rem;
            border-radius: 3rem;
            border: none;
            outline: none;
            background-color: #3b32ec;
            color: #fff; }
      .s6_container_box_botnav {
        display: flex;
        width: 70%;
        margin: 2rem auto;
        justify-content: space-between; }
        .s6_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s6_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .s6_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s6_container_box_botnav_next span {
            font-size: 2.2rem; }

.s7 {
  display: flex; }
  .s7_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s7_container {
        width: 90%; } }
    .s7_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s7_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s7_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .s7_container_box {
          margin: 1rem; } }
      .s7_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .s7_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        .s7_container_box_form_title {
          display: flex;
          font-size: 3rem;
          font-weight: 700;
          color: #002060; }
        .s7_container_box_form_1 {
          display: flex;
          justify-content: center; }
          .s7_container_box_form_1_input {
            display: flex;
            width: 85%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            margin: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
        .s7_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .s7_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            .s7_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .s7_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .s7_container_box_form_3 {
          display: flex;
          width: 100%;
          justify-content: center;
          align-items: center;
          margin: 1rem; }
          .s7_container_box_form_3_label {
            display: flex;
            font-size: 2rem;
            width: 60%; }
          .s7_container_box_form_3_btn {
            display: flex;
            justify-content: center;
            width: 15rem;
            font-size: 2rem;
            margin: 1rem;
            padding: 1rem 2rem;
            border-radius: 3rem;
            border: none;
            outline: none;
            background-color: #3b32ec;
            color: #fff; }
      .s7_container_box_botnav {
        display: flex;
        width: 70%;
        margin: 2rem auto;
        justify-content: space-between; }
        .s7_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s7_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .s7_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s7_container_box_botnav_next span {
            font-size: 2.2rem; }

.s8 {
  display: flex; }
  .s8_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s8_container {
        width: 90%; } }
    .s8_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s8_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s8_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .s8_container_box {
          margin: 1rem; } }
      .s8_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .s8_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        .s8_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .s8_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .s8_container_box_form_2_box {
                width: 100%; } }
            .s8_container_box_form_2_box_1 {
              display: flex;
              justify-content: center; }
              @media only screen and (max-width: 48em) {
                .s8_container_box_form_2_box_1 {
                  flex-wrap: wrap; } }
              .s8_container_box_form_2_box_1_item {
                display: flex;
                width: 43%;
                flex-direction: column;
                margin: 0.5rem; }
                @media only screen and (max-width: 48em) {
                  .s8_container_box_form_2_box_1_item {
                    width: 80%; } }
                .s8_container_box_form_2_box_1_item_label {
                  display: flex;
                  width: 35rem;
                  font-size: 2rem;
                  font-weight: 700;
                  color: #002060; }
                .s8_container_box_form_2_box_1_item_input {
                  display: flex;
                  width: 100%;
                  border: 0.2rem solid #002060;
                  padding: 1rem;
                  font-size: 1.5rem;
                  outline: none;
                  border-radius: 0.5rem; }
              .s8_container_box_form_2_box_1_item1 {
                display: flex;
                width: 25rem;
                height: 18rem;
                margin: 1rem;
                border-radius: 1rem;
                box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
                .s8_container_box_form_2_box_1_item1_input {
                  display: flex;
                  width: 4rem;
                  height: 4rem;
                  margin: 1rem; }
                .s8_container_box_form_2_box_1_item1_label {
                  display: flex;
                  align-items: center;
                  width: 100%;
                  margin-top: 1rem;
                  font-size: 1.8rem;
                  color: #002060;
                  padding: 1rem; }
            .s8_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .s8_container_box_form_2_box_text {
              display: flex;
              width: 100%;
              height: 15rem;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
            .s8_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .s8_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 2rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .s8_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: space-between; }
        .s8_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s8_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .s8_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s8_container_box_botnav_next span {
            font-size: 2.2rem; }

.s9 {
  display: flex; }
  .s9_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s9_container {
        width: 90%; } }
    .s9_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s9_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s9_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .s9_container_box {
          margin: 1rem; } }
      .s9_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .s9_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        .s9_container_box_form_pay {
          display: flex;
          width: 80%;
          margin: 0 auto;
          align-items: center;
          justify-content: center; }
          @media only screen and (max-width: 48em) {
            .s9_container_box_form_pay {
              flex-wrap: wrap;
              justify-content: center; } }
          .s9_container_box_form_pay_img {
            display: flex;
            width: 20rem;
            min-height: 18rem;
            justify-content: center;
            align-items: center;
            margin: 2rem;
            border-radius: 2rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
            .s9_container_box_form_pay_img_pic {
              display: flex;
              width: 16rem;
              height: 16rem; }
          .s9_container_box_form_pay_input {
            display: none; }
          .s9_container_box_form_pay_label {
            margin-left: 2rem;
            text-transform: uppercase;
            background-color: #3b32ec;
            color: #fff;
            font-size: 1.8rem;
            font-weight: 600;
            text-align: center;
            padding: 1rem;
            border-radius: 4rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
        .s9_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .s9_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .s9_container_box_form_2_box {
                width: 100%; } }
            .s9_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .s9_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .s9_container_box_form_3 {
          display: flex;
          width: 100%;
          justify-content: center;
          align-items: center;
          margin: 1rem; }
          .s9_container_box_form_3_label {
            display: flex;
            font-size: 2rem;
            width: 60%; }
          .s9_container_box_form_3_btn {
            display: flex;
            justify-content: center;
            width: 15rem;
            font-size: 2rem;
            margin: 1rem;
            padding: 1rem 2rem;
            border-radius: 3rem;
            border: none;
            outline: none;
            background-color: #3b32ec;
            color: #fff; }
      .s9_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: space-between; }
        .s9_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s9_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .s9_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s9_container_box_botnav_next span {
            font-size: 2.2rem; }

.s10 {
  display: flex; }
  .s10_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s10_container {
        width: 95%; } }
    .s10_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s10_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s10_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .s10_container_box {
          margin: 1rem; } }
      .s10_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .s10_container_box_1 {
        display: flex;
        width: 95%;
        margin: 1rem auto; }
        .s10_container_box_1_form {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          width: 100%; }
          .s10_container_box_1_form_file {
            display: flex;
            margin: 1rem;
            width: 30rem;
            height: 4rem;
            border-radius: 3rem;
            font-size: 1.8rem;
            border: none;
            color: #fff;
            background-color: #3b32ec;
            outline: none;
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
            .s10_container_box_1_form_file::-webkit-file-upload-button {
              padding: 1rem 2rem;
              border-radius: 3rem;
              border: none;
              background-color: #fff;
              outline: none; }
          .s10_container_box_1_form_input {
            display: flex;
            margin: 1rem;
            font-size: 1.8rem;
            color: #fff;
            padding: 1rem 5rem;
            border-radius: 3rem;
            border: none;
            background-color: #3b32ec;
            outline: none;
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .s10_container_box_botnav {
        display: flex;
        margin: 1rem;
        justify-content: space-between; }
        .s10_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s10_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .s10_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s10_container_box_botnav_next span {
            font-size: 2.2rem; }

.s11 {
  display: flex; }
  .s11_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s11_container {
        width: 95%; } }
    .s11_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s11_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s11_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .s11_container_box {
          margin: 1rem; } }
      .s11_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .s11_container_box_1 {
        display: flex;
        width: 80%;
        margin: 1rem auto; }
        .s11_container_box_1_form {
          display: flex;
          justify-content: center;
          width: 100%;
          height: 6rem; }
          @media only screen and (max-width: 48em) {
            .s11_container_box_1_form {
              flex-wrap: wrap;
              height: 10rem; } }
          .s11_container_box_1_form_file {
            display: flex;
            margin: 1rem;
            border-radius: 3rem;
            font-size: 1.8rem;
            border: none;
            color: #fff;
            background-color: #3b32ec;
            outline: none;
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
            .s11_container_box_1_form_file::-webkit-file-upload-button {
              padding: 1rem 2rem;
              border-radius: 3rem;
              border: none;
              background-color: #fff;
              outline: none; }
          .s11_container_box_1_form_input {
            display: flex;
            margin: 1rem;
            font-size: 1.8rem;
            color: #fff;
            padding: 1rem 5rem;
            border-radius: 3rem;
            border: none;
            background-color: #3b32ec;
            outline: none;
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .s11_container_box_2 {
        display: flex;
        width: 80%;
        margin: 2rem auto;
        flex-wrap: wrap;
        padding: 1rem;
        border-radius: 2rem;
        justify-content: space-around;
        border: 0.2rem solid #3b32ec;
        max-height: 55rem;
        overflow: scroll; }
        .s11_container_box_2::-webkit-scrollbar {
          width: 0.2rem; }
        .s11_container_box_2::-webkit-scrollbar-thumb {
          background: #f1ecec; }
        .s11_container_box_2_item {
          display: flex;
          flex-direction: column;
          width: 20rem;
          margin: 1rem;
          border-radius: 1rem;
          box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
          .s11_container_box_2_item_img {
            display: flex;
            width: 20rem;
            height: 18rem;
            justify-content: center;
            align-items: center; }
            .s11_container_box_2_item_img_pic {
              display: flex;
              width: 18rem;
              margin: 0.5rem; }
          .s11_container_box_2_item_btn {
            display: flex;
            cursor: pointer;
            width: 100%;
            padding: 1.5rem 2rem;
            border-bottom-left-radius: 1rem;
            border-bottom-right-radius: 1rem;
            text-transform: uppercase;
            justify-content: center;
            border: none;
            outline: none;
            font-weight: 600;
            background-color: #3b32ec;
            color: #fff;
            font-size: 1.5rem; }
      .s11_container_box_botnav {
        display: flex;
        margin: 1rem;
        justify-content: space-between; }
        .s11_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s11_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .s11_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s11_container_box_botnav_next span {
            font-size: 2.2rem; }

.s12 {
  display: flex; }
  .s12_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s12_container {
        width: 95%; } }
    .s12_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s12_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s12_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .s12_container_box {
          margin: 1rem; } }
      .s12_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .s12_container_box_1 {
        display: flex;
        width: 80%;
        margin: 1rem auto; }
        .s12_container_box_1_form {
          display: flex;
          justify-content: center;
          width: 100%;
          height: 6rem; }
          @media only screen and (max-width: 48em) {
            .s12_container_box_1_form {
              flex-wrap: wrap;
              height: 10rem; } }
          .s12_container_box_1_form_file {
            display: flex;
            margin: 1rem;
            border-radius: 3rem;
            font-size: 1.8rem;
            border: none;
            color: #fff;
            background-color: #3b32ec;
            outline: none;
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
            .s12_container_box_1_form_file::-webkit-file-upload-button {
              padding: 1rem 2rem;
              border-radius: 3rem;
              border: none;
              background-color: #fff;
              outline: none; }
          .s12_container_box_1_form_input {
            display: flex;
            margin: 1rem;
            font-size: 1.8rem;
            color: #fff;
            padding: 1rem 5rem;
            border-radius: 3rem;
            border: none;
            background-color: #3b32ec;
            outline: none;
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .s12_container_box_2 {
        display: flex;
        width: 95%;
        margin: 2rem auto;
        flex-wrap: wrap;
        padding: 1rem;
        border-radius: 2rem;
        justify-content: space-around;
        border: 0.2rem solid #3b32ec;
        max-height: 55rem;
        overflow: scroll; }
        .s12_container_box_2::-webkit-scrollbar {
          width: 0.2rem; }
        .s12_container_box_2::-webkit-scrollbar-thumb {
          background: #f1ecec; }
        .s12_container_box_2_item {
          display: flex;
          flex-direction: column;
          width: 22rem;
          margin: 1rem;
          border-radius: 1rem;
          box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
          @media only screen and (max-width: 48em) {
            .s12_container_box_2_item {
              width: 25rem; } }
          .s12_container_box_2_item_img {
            display: flex;
            width: 22rem;
            height: 15rem;
            justify-content: center; }
            @media only screen and (max-width: 48em) {
              .s12_container_box_2_item_img {
                width: 25rem; } }
            .s12_container_box_2_item_img_video {
              display: flex;
              width: 20rem;
              margin: 0.5rem; }
              @media only screen and (max-width: 48em) {
                .s12_container_box_2_item_img_video {
                  width: 23rem; } }
          .s12_container_box_2_item_btn {
            display: flex;
            cursor: pointer;
            width: 100%;
            padding: 1.5rem 2rem;
            border-bottom-left-radius: 1rem;
            border-bottom-right-radius: 1rem;
            text-transform: uppercase;
            justify-content: center;
            border: none;
            outline: none;
            font-weight: 600;
            background-color: #3b32ec;
            color: #fff;
            font-size: 1.5rem; }
      .s12_container_box_botnav {
        display: flex;
        margin: 1rem;
        justify-content: space-between; }
        .s12_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s12_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .s12_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s12_container_box_botnav_next span {
            font-size: 2.2rem; }

.s13 {
  display: flex; }
  .s13_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s13_container {
        width: 95%; } }
    .s13_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s13_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s13_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .s13_container_box {
          margin: 1rem; } }
      .s13_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .s13_container_box_1 {
        display: flex;
        width: 95%;
        margin: 1rem auto;
        flex-wrap: wrap; }
        .s13_container_box_1_item {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin: 1rem; }
          .s13_container_box_1_item_link {
            display: flex; }
            .s13_container_box_1_item_link_img {
              display: flex;
              width: 15rem; }
          .s13_container_box_1_item_btn {
            display: flex;
            cursor: pointer;
            font-size: 1.8rem;
            padding: 0.5rem 2.5rem;
            font-weight: 700;
            background-color: #3b32ec;
            color: #fff;
            border-radius: 3rem;
            margin: 1rem; }

.s14 {
  display: flex; }
  .s14_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s14_container {
        width: 95%; } }
    .s14_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s14_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s14_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .s14_container_box {
          margin: 1rem; } }
      .s14_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .s14_container_box_1 {
        display: flex;
        width: 100%;
        margin: 1rem auto;
        flex-wrap: wrap; }
        .s14_container_box_1_item {
          display: flex;
          width: 10rem;
          height: 10rem;
          color: #fff;
          font-size: 1.6rem;
          justify-content: center;
          align-items: center;
          border-radius: 1rem;
          margin: 2rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
          .s14_container_box_1_item_1 {
            background-color: #f44336; }
          .s14_container_box_1_item_2 {
            background-color: #000080; }
          .s14_container_box_1_item_aug {
            background-color: #009cde; }
          .s14_container_box_1_item_sd1 {
            background-color: #ed1e29; }
          .s14_container_box_1_item_sd2 {
            background-color: #849bff; }
          .s14_container_box_1_item_sd3 {
            background-color: #164279; }
          .s14_container_box_1_item_sd4 {
            background-color: #5d8d39; }
          .s14_container_box_1_item_sd5 {
            background-color: #fd9800; }
          .s14_container_box_1_item_sd6 {
            background-color: #ffff00; }
          .s14_container_box_1_item_sd7 {
            background-color: #ea589f; }
          .s14_container_box_1_item_sd8 {
            background-color: #8a2be2; }
          .s14_container_box_1_item_sd9 {
            background-color: #704f24; }
          .s14_container_box_1_item_sd10 {
            background-color: #00adef; }
          .s14_container_box_1_item_nc {
            background-color: #fff;
            color: #000; }

.s15 {
  display: flex; }
  .s15_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s15_container {
        width: 95%; } }
    .s15_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s15_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s15_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .s15_container_box {
          margin: 1rem; } }
      .s15_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .s15_container_box_1 {
        display: flex;
        width: 100%;
        margin: 1rem auto;
        flex-wrap: wrap; }
        .s15_container_box_1_item {
          display: flex;
          flex-direction: column;
          justify-content: space-around;
          width: 20rem;
          height: 15rem;
          margin: 1rem;
          padding: 1rem;
          border-radius: 1rem;
          color: #002060;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
          .s15_container_box_1_item_id {
            display: flex;
            font-size: 1.6rem;
            margin: 0.2rem 0; }
          .s15_container_box_1_item_text {
            display: flex;
            font-size: 1.8rem;
            margin: 0.5rem 0; }
          .s15_container_box_1_item_address {
            display: flex;
            font-size: 1.6rem;
            margin: 0.5rem 0; }

.s16 {
  display: flex; }
  .s16_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s16_container {
        width: 90%; } }
    .s16_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s16_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s16_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .s16_container_box {
          margin: 1rem; } }
      .s16_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .s16_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        @media only screen and (max-width: 48em) {
          .s16_container_box_form {
            width: 90%; } }
        .s16_container_box_form_title {
          display: flex;
          font-size: 2.5rem;
          font-weight: 700;
          color: #002060; }
        .s16_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .s16_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .s16_container_box_form_2_box {
                width: 90%; } }
            .s16_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .s16_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .s16_container_box_form_3 {
          display: flex;
          align-items: center; }
          .s16_container_box_form_3_btn {
            display: flex;
            cursor: pointer;
            justify-content: center;
            width: 15rem;
            font-size: 2rem;
            margin: 2rem;
            padding: 1rem 2rem;
            border-radius: 3rem;
            border: none;
            outline: none;
            background-color: #3b32ec;
            color: #fff; }
        .s16_container_box_form_btn {
          display: flex;
          cursor: pointer;
          margin: 0.5rem auto;
          padding: 1rem 4rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff;
          font-size: 1.5rem;
          font-weight: 700; }
      .s16_container_box_botnav {
        display: flex;
        margin: 1rem;
        justify-content: flex-start; }
        .s16_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s16_container_box_botnav_pre span {
            font-size: 2.2rem; }

.s17 {
  display: flex; }
  .s17_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s17_container {
        width: 95%; } }
    .s17_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s17_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s17_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .s17_container_box {
          margin: 1rem; } }
      .s17_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .s17_container_box_1 {
        display: flex;
        width: 100%;
        margin: 1rem auto;
        flex-wrap: wrap; }
        .s17_container_box_1_item {
          display: flex;
          flex-direction: column;
          justify-content: space-around;
          width: 20rem;
          height: 15rem;
          margin: 1rem;
          padding: 1rem;
          border-radius: 1rem;
          color: #002060;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
          .s17_container_box_1_item_id {
            display: flex;
            font-size: 1.6rem;
            margin: 0.2rem 0; }
          .s17_container_box_1_item_text {
            display: flex;
            font-size: 1.8rem;
            margin: 0.5rem 0; }
          .s17_container_box_1_item_address {
            display: flex;
            font-size: 1.6rem;
            margin: 0.5rem 0; }

.s18 {
  display: flex; }
  .s18_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s18_container {
        width: 90%; } }
    .s18_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s18_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s18_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      .s18_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 1rem;
        color: #002060; }
      .s18_container_box_1 {
        display: flex;
        flex-direction: column;
        width: 90%;
        margin: 0 auto;
        align-items: center; }
      .s18_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        @media only screen and (max-width: 48em) {
          .s18_container_box_form {
            width: 100%; } }
        .s18_container_box_form_4 {
          display: flex;
          flex-wrap: wrap; }
          .s18_container_box_form_4_logo {
            display: flex;
            flex-direction: column;
            margin: 0 auto;
            align-items: center;
            justify-content: center; }
            .s18_container_box_form_4_logo_img {
              display: flex;
              width: 22rem;
              min-height: 12rem;
              justify-content: center;
              align-items: center;
              margin: 1rem;
              border-radius: 2rem;
              box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
              .s18_container_box_form_4_logo_img_pic {
                display: flex;
                width: 18rem; }
            .s18_container_box_form_4_logo_input {
              display: none; }
            .s18_container_box_form_4_logo_label {
              display: flex;
              background-color: #3b32ec;
              color: #fff;
              font-size: 1.5rem;
              font-weight: 800;
              padding: 1.5rem 2rem;
              border-radius: 4rem;
              box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
        .s18_container_box_form_1 {
          display: flex;
          width: 100%;
          margin: 0 auto; }
          .s18_container_box_form_1_detail {
            display: flex;
            width: 100%;
            flex-direction: column; }
            @media only screen and (max-width: 48em) {
              .s18_container_box_form_1_detail {
                align-items: center; } }
            .s18_container_box_form_1_detail_title {
              display: flex;
              font-size: 2.2rem;
              font-weight: 600; }
            .s18_container_box_form_1_detail_box {
              display: flex;
              margin: 0.2rem;
              flex-wrap: wrap;
              justify-content: center; }
              @media only screen and (max-width: 48em) {
                .s18_container_box_form_1_detail_box {
                  justify-content: center; } }
              .s18_container_box_form_1_detail_box_item {
                display: flex;
                margin: 0.5rem;
                margin-left: 0.8rem;
                width: 20rem;
                align-items: center;
                justify-content: space-between;
                border-radius: 3rem;
                padding: 0.5rem;
                box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
                @media only screen and (max-width: 48em) {
                  .s18_container_box_form_1_detail_box_item {
                    margin: 0.5rem; } }
                .s18_container_box_form_1_detail_box_item_text {
                  display: flex;
                  font-size: 1.8rem;
                  margin-right: 1rem; }
                .s18_container_box_form_1_detail_box_item_toggle {
                  display: inline-block;
                  cursor: pointer;
                  outline: none;
                  --width: 4rem;
                  --height: calc(var(--width) / 2);
                  --border-radius: calc(var(--height) / 2); }
                  .s18_container_box_form_1_detail_box_item_toggle_check {
                    display: none; }
                  .s18_container_box_form_1_detail_box_item_toggle_fill {
                    position: relative;
                    width: var(--width);
                    height: var(--height);
                    border-radius: var(--border-radius);
                    background: #f44336;
                    transition: background 0.2s; }
                  .s18_container_box_form_1_detail_box_item_toggle_fill::after {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: var(--height);
                    width: var(--height);
                    border-radius: var(--border-radius);
                    background: #fff;
                    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25);
                    transition: transform 0.2s; }
                  .s18_container_box_form_1_detail_box_item_toggle_check:checked ~ .s18_container_box_form_1_detail_box_item_toggle_fill {
                    background-color: #11e223; }
                  .s18_container_box_form_1_detail_box_item_toggle_check:checked ~ .s18_container_box_form_1_detail_box_item_toggle_fill::after {
                    transform: translateX(var(--height)); }
        .s18_container_box_form_2 {
          display: flex;
          width: 100%;
          margin: 0 auto;
          flex-direction: column;
          align-items: center; }
          .s18_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .s18_container_box_form_2_box {
                width: 95%; } }
            .s18_container_box_form_2_box_1 {
              display: flex;
              justify-content: center;
              flex-wrap: wrap; }
              .s18_container_box_form_2_box_1_item {
                display: flex;
                width: 43%;
                flex-direction: column;
                margin: 0.5rem; }
                @media only screen and (max-width: 48em) {
                  .s18_container_box_form_2_box_1_item {
                    width: 80%; } }
                .s18_container_box_form_2_box_1_item_label {
                  display: flex;
                  width: 35rem;
                  font-size: 2rem;
                  font-weight: 700;
                  color: #002060; }
                .s18_container_box_form_2_box_1_item_input {
                  display: flex;
                  width: 100%;
                  border: 0.2rem solid #002060;
                  padding: 1rem;
                  font-size: 1.5rem;
                  outline: none;
                  border-radius: 0.5rem; }
            .s18_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .s18_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .s18_container_box_form_3 {
          display: flex;
          width: 100%;
          justify-content: center;
          align-items: center;
          margin: 0.5rem; }
          .s18_container_box_form_3_label {
            display: flex;
            font-size: 2rem;
            width: 60%; }
          .s18_container_box_form_3_btn {
            display: flex;
            justify-content: center;
            width: 15rem;
            font-size: 2rem;
            margin: 1rem;
            padding: 1rem 2rem;
            border-radius: 3rem;
            border: none;
            outline: none;
            background-color: #3b32ec;
            color: #fff; }
      .s18_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: space-between; }
        .s18_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s18_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .s18_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s18_container_box_botnav_next span {
            font-size: 2.2rem; }

.s19 {
  display: flex; }
  .s19_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s19_container {
        width: 90%; } }
    .s19_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s19_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s19_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .s19_container_box {
          margin: 1rem; } }
      .s19_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        color: #002060; }
      .s19_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 2rem auto; }
        .s19_container_box_form_title {
          display: flex;
          font-size: 3rem;
          font-weight: 700;
          color: #002060; }
        .s19_container_box_form_2 {
          display: flex;
          width: 90%;
          flex-direction: column;
          margin: 0 auto;
          padding: 1rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
          @media only screen and (max-width: 48em) {
            .s19_container_box_form_2 {
              width: 100%; } }
          .s19_container_box_form_2_branch {
            display: flex;
            margin: 1rem; }
            .s19_container_box_form_2_branch_label {
              display: flex;
              width: 35rem;
              font-size: 3rem;
              font-weight: 700;
              color: #002060; }
            .s19_container_box_form_2_branch_input {
              display: flex;
              width: 100%;
              margin-left: 2rem;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
          .s19_container_box_form_2_address {
            display: flex;
            height: 8rem;
            border: 0.2rem solid #002060;
            padding: 1rem;
            margin: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
          .s19_container_box_form_2_input {
            display: flex;
            border: 0.2rem solid #002060;
            padding: 1rem;
            margin: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
        .s19_container_box_form_3 {
          display: flex;
          width: 100%;
          justify-content: center;
          align-items: center;
          margin: 1rem; }
          .s19_container_box_form_3_label {
            display: flex;
            font-size: 2rem;
            width: 60%; }
          .s19_container_box_form_3_btn {
            display: flex;
            justify-content: center;
            width: 15rem;
            font-size: 2rem;
            margin: 1rem;
            padding: 1rem 2rem;
            border-radius: 3rem;
            border: none;
            outline: none;
            background-color: #3b32ec;
            color: #fff; }
      .s19_container_box_botnav {
        display: flex;
        width: 70%;
        margin: 2rem auto;
        justify-content: space-between; }
        .s19_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s19_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .s19_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s19_container_box_botnav_next span {
            font-size: 2.2rem; }

.s20 {
  display: flex; }
  .s20_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s20_container {
        width: 90%; } }
    .s20_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s20_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s20_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .s20_container_box {
          margin: 1rem; } }
      .s20_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .s20_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        .s20_container_box_form_title {
          display: flex;
          font-size: 3rem;
          font-weight: 700;
          color: #002060; }
        .s20_container_box_form_1 {
          display: flex;
          justify-content: center; }
          .s20_container_box_form_1_input {
            display: flex;
            width: 85%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            margin: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
        .s20_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .s20_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            .s20_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .s20_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .s20_container_box_form_3 {
          display: flex;
          width: 100%;
          justify-content: center;
          align-items: center;
          margin: 1rem; }
          .s20_container_box_form_3_label {
            display: flex;
            font-size: 2rem;
            width: 60%; }
          .s20_container_box_form_3_btn {
            display: flex;
            justify-content: center;
            width: 15rem;
            font-size: 2rem;
            margin: 1rem;
            padding: 1rem 2rem;
            border-radius: 3rem;
            border: none;
            outline: none;
            background-color: #3b32ec;
            color: #fff; }
      .s20_container_box_botnav {
        display: flex;
        width: 70%;
        margin: 2rem auto;
        justify-content: space-between; }
        .s20_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s20_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .s20_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s20_container_box_botnav_next span {
            font-size: 2.2rem; }

.s21 {
  display: flex; }
  .s21_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s21_container {
        width: 90%; } }
    .s21_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s21_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s21_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .s21_container_box {
          margin: 1rem; } }
      .s21_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .s21_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        .s21_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .s21_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .s21_container_box_form_2_box {
                width: 100%; } }
            .s21_container_box_form_2_box_1 {
              display: flex;
              justify-content: center; }
              @media only screen and (max-width: 48em) {
                .s21_container_box_form_2_box_1 {
                  flex-wrap: wrap; } }
              .s21_container_box_form_2_box_1_item {
                display: flex;
                width: 43%;
                flex-direction: column;
                margin: 0.5rem; }
                @media only screen and (max-width: 48em) {
                  .s21_container_box_form_2_box_1_item {
                    width: 80%; } }
                .s21_container_box_form_2_box_1_item_label {
                  display: flex;
                  width: 35rem;
                  font-size: 2rem;
                  font-weight: 700;
                  color: #002060; }
                .s21_container_box_form_2_box_1_item_input {
                  display: flex;
                  width: 100%;
                  border: 0.2rem solid #002060;
                  padding: 1rem;
                  font-size: 1.5rem;
                  outline: none;
                  border-radius: 0.5rem; }
              .s21_container_box_form_2_box_1_item1 {
                display: flex;
                width: 25rem;
                height: 18rem;
                margin: 1rem;
                border-radius: 1rem;
                box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
                .s21_container_box_form_2_box_1_item1_input {
                  display: flex;
                  width: 4rem;
                  height: 4rem;
                  margin: 1rem; }
                .s21_container_box_form_2_box_1_item1_label {
                  display: flex;
                  align-items: center;
                  width: 100%;
                  margin-top: 1rem;
                  font-size: 1.8rem;
                  color: #002060;
                  padding: 1rem; }
            .s21_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .s21_container_box_form_2_box_text {
              display: flex;
              width: 100%;
              height: 15rem;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
            .s21_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .s21_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 2rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .s21_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: space-between; }
        .s21_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s21_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .s21_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s21_container_box_botnav_next span {
            font-size: 2.2rem; }

.s22 {
  display: flex; }
  .s22_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s22_container {
        width: 90%; } }
    .s22_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s22_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s22_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .s22_container_box {
          margin: 1rem; } }
      .s22_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .s22_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        .s22_container_box_form_pay {
          display: flex;
          width: 80%;
          margin: 0 auto;
          align-items: center;
          justify-content: center; }
          @media only screen and (max-width: 48em) {
            .s22_container_box_form_pay {
              flex-wrap: wrap;
              justify-content: center; } }
          .s22_container_box_form_pay_img {
            display: flex;
            width: 20rem;
            min-height: 18rem;
            justify-content: center;
            align-items: center;
            margin: 2rem;
            border-radius: 2rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
            .s22_container_box_form_pay_img_pic {
              display: flex;
              width: 16rem;
              height: 16rem; }
          .s22_container_box_form_pay_input {
            display: none; }
          .s22_container_box_form_pay_label {
            margin-left: 2rem;
            text-transform: uppercase;
            background-color: #3b32ec;
            color: #fff;
            font-size: 1.8rem;
            font-weight: 600;
            text-align: center;
            padding: 1rem 2rem;
            border-radius: 4rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
        .s22_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .s22_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .s22_container_box_form_2_box {
                width: 100%; } }
            .s22_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .s22_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .s22_container_box_form_3 {
          display: flex;
          width: 100%;
          justify-content: center;
          align-items: center;
          margin: 1rem; }
          .s22_container_box_form_3_label {
            display: flex;
            font-size: 2rem;
            width: 60%; }
          .s22_container_box_form_3_btn {
            display: flex;
            justify-content: center;
            width: 15rem;
            font-size: 2rem;
            margin: 1rem;
            padding: 1rem 2rem;
            border-radius: 3rem;
            border: none;
            outline: none;
            background-color: #3b32ec;
            color: #fff; }
      .s22_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: space-between; }
        .s22_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s22_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .s22_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s22_container_box_botnav_next span {
            font-size: 2.2rem; }

.s23 {
  display: flex; }
  .s23_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s23_container {
        width: 95%; } }
    .s23_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s23_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s23_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .s23_container_box {
          margin: 1rem; } }
      .s23_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .s23_container_box_1 {
        display: flex;
        width: 95%;
        margin: 1rem auto; }
        .s23_container_box_1_form {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          width: 100%; }
          .s23_container_box_1_form_file {
            display: flex;
            margin: 1rem;
            width: 30rem;
            height: 4rem;
            border-radius: 3rem;
            font-size: 1.8rem;
            border: none;
            color: #fff;
            background-color: #3b32ec;
            outline: none;
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
            .s23_container_box_1_form_file::-webkit-file-upload-button {
              padding: 1rem 2rem;
              border-radius: 3rem;
              border: none;
              background-color: #fff;
              outline: none; }
          .s23_container_box_1_form_input {
            display: flex;
            margin: 1rem;
            font-size: 1.8rem;
            color: #fff;
            padding: 1rem 5rem;
            border-radius: 3rem;
            border: none;
            background-color: #3b32ec;
            outline: none;
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .s23_container_box_botnav {
        display: flex;
        margin: 1rem;
        justify-content: space-between; }
        .s23_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s23_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .s23_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s23_container_box_botnav_next span {
            font-size: 2.2rem; }

.s24 {
  display: flex; }
  .s24_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s24_container {
        width: 95%; } }
    .s24_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s24_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s24_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .s24_container_box {
          margin: 1rem; } }
      .s24_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .s24_container_box_1 {
        display: flex;
        width: 80%;
        margin: 1rem auto; }
        .s24_container_box_1_form {
          display: flex;
          justify-content: center;
          width: 100%;
          height: 6rem; }
          @media only screen and (max-width: 48em) {
            .s24_container_box_1_form {
              flex-wrap: wrap;
              height: 10rem; } }
          .s24_container_box_1_form_file {
            display: flex;
            margin: 1rem;
            border-radius: 3rem;
            font-size: 1.8rem;
            border: none;
            color: #fff;
            background-color: #3b32ec;
            outline: none;
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
            .s24_container_box_1_form_file::-webkit-file-upload-button {
              padding: 1rem 2rem;
              border-radius: 3rem;
              border: none;
              background-color: #fff;
              outline: none; }
          .s24_container_box_1_form_input {
            display: flex;
            margin: 1rem;
            font-size: 1.8rem;
            color: #fff;
            padding: 1rem 5rem;
            border-radius: 3rem;
            border: none;
            background-color: #3b32ec;
            outline: none;
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .s24_container_box_2 {
        display: flex;
        width: 80%;
        margin: 2rem auto;
        flex-wrap: wrap;
        padding: 1rem;
        border-radius: 2rem;
        justify-content: space-around;
        border: 0.2rem solid #3b32ec;
        max-height: 55rem;
        overflow: scroll; }
        .s24_container_box_2::-webkit-scrollbar {
          width: 0.2rem; }
        .s24_container_box_2::-webkit-scrollbar-thumb {
          background: #f1ecec; }
        .s24_container_box_2_item {
          display: flex;
          flex-direction: column;
          width: 20rem;
          margin: 1rem;
          border-radius: 1rem;
          box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
          .s24_container_box_2_item_img {
            display: flex;
            width: 20rem;
            height: 18rem;
            justify-content: center;
            align-items: center; }
            .s24_container_box_2_item_img_pic {
              display: flex;
              width: 18rem;
              margin: 0.5rem; }
          .s24_container_box_2_item_btn {
            display: flex;
            cursor: pointer;
            width: 100%;
            padding: 1.5rem 2rem;
            border-bottom-left-radius: 1rem;
            border-bottom-right-radius: 1rem;
            text-transform: uppercase;
            justify-content: center;
            border: none;
            outline: none;
            font-weight: 600;
            background-color: #3b32ec;
            color: #fff;
            font-size: 1.5rem; }
      .s24_container_box_botnav {
        display: flex;
        margin: 1rem;
        justify-content: space-between; }
        .s24_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s24_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .s24_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s24_container_box_botnav_next span {
            font-size: 2.2rem; }

.s25 {
  display: flex; }
  .s25_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s25_container {
        width: 95%; } }
    .s25_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s25_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s25_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .s25_container_box {
          margin: 1rem; } }
      .s25_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .s25_container_box_1 {
        display: flex;
        width: 80%;
        margin: 1rem auto; }
        .s25_container_box_1_form {
          display: flex;
          justify-content: center;
          width: 100%;
          height: 6rem; }
          @media only screen and (max-width: 48em) {
            .s25_container_box_1_form {
              flex-wrap: wrap;
              height: 10rem; } }
          .s25_container_box_1_form_file {
            display: flex;
            margin: 1rem;
            border-radius: 3rem;
            font-size: 1.8rem;
            border: none;
            color: #fff;
            background-color: #3b32ec;
            outline: none;
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
            .s25_container_box_1_form_file::-webkit-file-upload-button {
              padding: 1rem 2rem;
              border-radius: 3rem;
              border: none;
              background-color: #fff;
              outline: none; }
          .s25_container_box_1_form_input {
            display: flex;
            margin: 1rem;
            font-size: 1.8rem;
            color: #fff;
            padding: 1rem 5rem;
            border-radius: 3rem;
            border: none;
            background-color: #3b32ec;
            outline: none;
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .s25_container_box_2 {
        display: flex;
        width: 95%;
        margin: 2rem auto;
        flex-wrap: wrap;
        padding: 1rem;
        border-radius: 2rem;
        justify-content: space-around;
        border: 0.2rem solid #3b32ec;
        max-height: 55rem;
        overflow: scroll; }
        .s25_container_box_2::-webkit-scrollbar {
          width: 0.2rem; }
        .s25_container_box_2::-webkit-scrollbar-thumb {
          background: #f1ecec; }
        .s25_container_box_2_item {
          display: flex;
          flex-direction: column;
          width: 22rem;
          margin: 1rem;
          border-radius: 1rem;
          box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
          @media only screen and (max-width: 48em) {
            .s25_container_box_2_item {
              width: 25rem; } }
          .s25_container_box_2_item_img {
            display: flex;
            width: 22rem;
            height: 15rem;
            justify-content: center; }
            @media only screen and (max-width: 48em) {
              .s25_container_box_2_item_img {
                width: 25rem; } }
            .s25_container_box_2_item_img_video {
              display: flex;
              width: 20rem;
              margin: 0.5rem; }
              @media only screen and (max-width: 48em) {
                .s25_container_box_2_item_img_video {
                  width: 23rem; } }
          .s25_container_box_2_item_btn {
            display: flex;
            cursor: pointer;
            width: 100%;
            padding: 1.5rem 2rem;
            border-bottom-left-radius: 1rem;
            border-bottom-right-radius: 1rem;
            text-transform: uppercase;
            justify-content: center;
            border: none;
            outline: none;
            font-weight: 600;
            background-color: #3b32ec;
            color: #fff;
            font-size: 1.5rem; }
      .s25_container_box_botnav {
        display: flex;
        margin: 1rem;
        justify-content: space-between; }
        .s25_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s25_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .s25_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s25_container_box_botnav_next span {
            font-size: 2.2rem; }

.s26 {
  display: flex; }
  .s26_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 45%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s26_container {
        width: 90%; } }
    .s26_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s26_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s26_container_box {
      display: flex;
      flex-direction: column;
      margin: 2rem 3rem; }
      .s26_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .s26_container_box_img {
        display: flex;
        max-height: 80rem; }

.s27 {
  display: flex; }
  .s27_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s27_container {
        width: 90%; } }
    .s27_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s27_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s27_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      .s27_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .s27_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        @media only screen and (max-width: 48em) {
          .s27_container_box_form {
            width: 90%; } }
        .s27_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .s27_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .s27_container_box_form_2_box {
                width: 100%; } }
            .s27_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .s27_container_box_form_2_box_text {
              display: flex;
              width: 100%;
              height: 15rem;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .s27_container_box_form_3 {
          display: flex;
          align-items: center; }
          .s27_container_box_form_3_btn {
            display: flex;
            cursor: pointer;
            justify-content: center;
            width: 15rem;
            font-size: 2rem;
            margin: 2rem;
            padding: 1rem 2rem;
            border-radius: 3rem;
            border: none;
            outline: none;
            background-color: #3b32ec;
            color: #fff; }

.s28 {
  display: flex; }
  .s28_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s28_container {
        width: 90%; } }
    .s28_container_close {
      display: flex;
      cursor: pointer;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s28_container_close_icon {
        display: flex;
        font-size: 4rem;
        font-weight: 700; }
    .s28_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      .s28_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .s28_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        @media only screen and (max-width: 48em) {
          .s28_container_box_form {
            width: 90%; } }
        .s28_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .s28_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .s28_container_box_form_2_box {
                width: 100%; } }
            .s28_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .s28_container_box_form_2_box_text {
              display: flex;
              width: 100%;
              height: 15rem;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .s28_container_box_form_3 {
          display: flex; }
          .s28_container_box_form_3_btn {
            display: flex;
            cursor: pointer;
            justify-content: center;
            width: 15rem;
            font-size: 2rem;
            margin: 2rem;
            padding: 1rem 2rem;
            border-radius: 3rem;
            border: none;
            outline: none;
            background-color: #3b32ec;
            color: #fff; }
      .s28_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: space-between; }
        .s28_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s28_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .s28_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s28_container_box_botnav_next span {
            font-size: 2.2rem; }

.s29 {
  display: flex; }
  .s29_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s29_container {
        width: 95%; } }
    .s29_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s29_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s29_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .s29_container_box {
          margin: 1rem; } }
      .s29_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .s29_container_box_1 {
        display: flex;
        width: 80%;
        margin: 1rem auto; }
        .s29_container_box_1_form {
          display: flex;
          justify-content: center;
          width: 100%;
          height: 6rem; }
          @media only screen and (max-width: 48em) {
            .s29_container_box_1_form {
              flex-wrap: wrap;
              height: 10rem; } }
          .s29_container_box_1_form_file {
            display: flex;
            margin: 1rem;
            border-radius: 3rem;
            font-size: 1.8rem;
            border: none;
            color: #fff;
            background-color: #3b32ec;
            outline: none;
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
            .s29_container_box_1_form_file::-webkit-file-upload-button {
              padding: 1rem 2rem;
              border-radius: 3rem;
              border: none;
              background-color: #fff;
              outline: none; }
          .s29_container_box_1_form_input {
            display: flex;
            margin: 1rem;
            font-size: 1.8rem;
            color: #fff;
            padding: 1rem 5rem;
            border-radius: 3rem;
            border: none;
            background-color: #3b32ec;
            outline: none;
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .s29_container_box_2 {
        display: flex;
        width: 80%;
        margin: 2rem auto;
        flex-wrap: wrap;
        padding: 1rem;
        border-radius: 2rem;
        justify-content: space-around;
        border: 0.2rem solid #3b32ec;
        max-height: 55rem;
        overflow: scroll; }
        .s29_container_box_2::-webkit-scrollbar {
          width: 0.2rem; }
        .s29_container_box_2::-webkit-scrollbar-thumb {
          background: #f1ecec; }
        .s29_container_box_2_item {
          display: flex;
          flex-direction: column;
          width: 20rem;
          margin: 1rem;
          border-radius: 1rem;
          box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
          .s29_container_box_2_item_img {
            display: flex;
            width: 20rem;
            height: 18rem;
            justify-content: center;
            align-items: center; }
            .s29_container_box_2_item_img_pic {
              display: flex;
              width: 18rem;
              margin: 0.5rem; }
          .s29_container_box_2_item_btn {
            display: flex;
            cursor: pointer;
            width: 100%;
            padding: 1.5rem 2rem;
            border-bottom-left-radius: 1rem;
            border-bottom-right-radius: 1rem;
            text-transform: uppercase;
            justify-content: center;
            border: none;
            outline: none;
            font-weight: 600;
            background-color: #3b32ec;
            color: #fff;
            font-size: 1.5rem; }
      .s29_container_box_botnav {
        display: flex;
        margin: 1rem;
        justify-content: space-between; }
        .s29_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s29_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .s29_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s29_container_box_botnav_next span {
            font-size: 2.2rem; }

.s30 {
  display: flex; }
  .s30_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s30_container {
        width: 95%; } }
    .s30_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s30_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s30_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      @media only screen and (max-width: 48em) {
        .s30_container_box {
          margin: 1rem; } }
      .s30_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .s30_container_box_1 {
        display: flex;
        width: 80%;
        margin: 1rem auto; }
        .s30_container_box_1_form {
          display: flex;
          justify-content: center;
          width: 100%;
          height: 6rem; }
          @media only screen and (max-width: 48em) {
            .s30_container_box_1_form {
              flex-wrap: wrap;
              height: 10rem; } }
          .s30_container_box_1_form_file {
            display: flex;
            margin: 1rem;
            border-radius: 3rem;
            font-size: 1.8rem;
            border: none;
            color: #fff;
            background-color: #3b32ec;
            outline: none;
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
            .s30_container_box_1_form_file::-webkit-file-upload-button {
              padding: 1rem 2rem;
              border-radius: 3rem;
              border: none;
              background-color: #fff;
              outline: none; }
          .s30_container_box_1_form_input {
            display: flex;
            margin: 1rem;
            font-size: 1.8rem;
            color: #fff;
            padding: 1rem 5rem;
            border-radius: 3rem;
            border: none;
            background-color: #3b32ec;
            outline: none;
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .s30_container_box_2 {
        display: flex;
        width: 80%;
        margin: 2rem auto;
        flex-wrap: wrap;
        padding: 1rem;
        border-radius: 2rem;
        justify-content: space-around;
        border: 0.2rem solid #3b32ec;
        max-height: 55rem;
        overflow: scroll; }
        .s30_container_box_2::-webkit-scrollbar {
          width: 0.2rem; }
        .s30_container_box_2::-webkit-scrollbar-thumb {
          background: #f1ecec; }
        .s30_container_box_2_item {
          display: flex;
          flex-direction: column;
          width: 20rem;
          margin: 1rem;
          border-radius: 1rem;
          box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
          .s30_container_box_2_item_img {
            display: flex;
            width: 20rem;
            height: 18rem;
            justify-content: center;
            align-items: center; }
            .s30_container_box_2_item_img_pic {
              display: flex;
              width: 18rem;
              margin: 0.5rem; }
          .s30_container_box_2_item_btn {
            display: flex;
            cursor: pointer;
            width: 100%;
            padding: 1.5rem 2rem;
            border-bottom-left-radius: 1rem;
            border-bottom-right-radius: 1rem;
            text-transform: uppercase;
            justify-content: center;
            border: none;
            outline: none;
            font-weight: 600;
            background-color: #3b32ec;
            color: #fff;
            font-size: 1.5rem; }
      .s30_container_box_botnav {
        display: flex;
        margin: 1rem;
        justify-content: space-between; }
        .s30_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s30_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .s30_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .s30_container_box_botnav_next span {
            font-size: 2.2rem; }

.s31 {
  display: flex; }
  .s31_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .s31_container {
        width: 90%; } }
    .s31_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .s31_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .s31_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      .s31_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .s31_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        @media only screen and (max-width: 48em) {
          .s31_container_box_form {
            width: 100%; } }
        .s31_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .s31_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .s31_container_box_form_2_box {
                width: 90%; } }
            .s31_container_box_form_2_box_1 {
              display: flex;
              justify-content: center;
              flex-wrap: wrap; }
              .s31_container_box_form_2_box_1_item {
                display: flex;
                width: 43%;
                flex-direction: column;
                margin: 0.5rem; }
                @media only screen and (max-width: 48em) {
                  .s31_container_box_form_2_box_1_item {
                    width: 80%; } }
                .s31_container_box_form_2_box_1_item_label {
                  display: flex;
                  width: 35rem;
                  font-size: 2rem;
                  font-weight: 700;
                  color: #002060; }
                .s31_container_box_form_2_box_1_item_input {
                  display: flex;
                  width: 100%;
                  border: 0.2rem solid #002060;
                  padding: 1rem;
                  font-size: 1.5rem;
                  outline: none;
                  border-radius: 0.5rem; }
              .s31_container_box_form_2_box_1_item1 {
                display: flex;
                width: 25rem;
                height: 18rem;
                margin: 1rem;
                border-radius: 1rem;
                box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
                .s31_container_box_form_2_box_1_item1_input {
                  display: flex;
                  width: 4rem;
                  height: 4rem;
                  margin: 1rem; }
                .s31_container_box_form_2_box_1_item1_label {
                  display: flex;
                  align-items: center;
                  width: 100%;
                  margin-top: 1rem;
                  font-size: 1.8rem;
                  color: #002060;
                  padding: 1rem; }
            .s31_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .s31_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
            .s31_container_box_form_2_box_text {
              display: flex;
              width: 100%;
              height: 10rem;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
            .s31_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .s31_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 2rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .s31_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: space-between; }
        .s31_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2.5rem;
          font-weight: 700; }
          .s31_container_box_botnav_pre span {
            font-size: 3rem; }
        .s31_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 22rem;
          font-weight: 700; }
          .s31_container_box_botnav_next span {
            font-size: 2.2rem; }

.m1 {
  display: flex; }
  .m1_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 45%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .m1_container {
        width: 90%; } }
    .m1_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .m1_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .m1_container_box {
      display: flex;
      flex-direction: column;
      margin: 2rem 3rem; }
      .m1_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .m1_container_box_img {
        display: flex;
        max-height: 80rem; }
      .m1_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: space-between; }
        .m1_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2.5rem;
          font-weight: 700; }
          .m1_container_box_botnav_pre span {
            font-size: 3rem; }
        .m1_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2.5rem;
          font-weight: 700; }
          .m1_container_box_botnav_next span {
            font-size: 3rem; }

.m2 {
  display: flex; }
  .m2_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .m2_container {
        width: 90%; } }
    .m2_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .m2_container_close_icon {
        display: flex;
        cursor: pointer;
        font-size: 4rem;
        font-weight: 700; }
    .m2_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      .m2_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .m2_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        @media only screen and (max-width: 48em) {
          .m2_container_box_form {
            width: 90%; } }
        .m2_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .m2_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .m2_container_box_form_2_box {
                width: 100%; } }
            .m2_container_box_form_2_box_1 {
              display: flex;
              justify-content: center;
              flex-wrap: wrap; }
              .m2_container_box_form_2_box_1_item {
                display: flex;
                width: 43%;
                flex-direction: column;
                margin: 0.5rem; }
                @media only screen and (max-width: 48em) {
                  .m2_container_box_form_2_box_1_item {
                    width: 80%; } }
                .m2_container_box_form_2_box_1_item_label {
                  display: flex;
                  width: 35rem;
                  font-size: 2rem;
                  font-weight: 700;
                  color: #002060; }
                .m2_container_box_form_2_box_1_item_input {
                  display: flex;
                  width: 100%;
                  border: 0.2rem solid #002060;
                  padding: 1rem;
                  font-size: 1.5rem;
                  outline: none;
                  border-radius: 0.5rem; }
              .m2_container_box_form_2_box_1_item1 {
                display: flex;
                width: 25rem;
                height: 18rem;
                margin: 1rem;
                border-radius: 1rem;
                box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
                .m2_container_box_form_2_box_1_item1_input {
                  display: flex;
                  width: 4rem;
                  height: 4rem;
                  margin: 1rem; }
                .m2_container_box_form_2_box_1_item1_label {
                  display: flex;
                  align-items: center;
                  width: 100%;
                  margin-top: 1rem;
                  font-size: 1.8rem;
                  color: #002060;
                  padding: 1rem; }
            .m2_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .m2_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
            .m2_container_box_form_2_box_text {
              display: flex;
              width: 100%;
              height: 15rem;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
            .m2_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .m2_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 2rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .m2_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: space-between; }
        .m2_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .m2_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .m2_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .m2_container_box_botnav_next span {
            font-size: 2.2rem; }

.m3 {
  display: flex; }
  .m3_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .m3_container {
        width: 90%; } }
    .m3_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .m3_container_close_icon {
        display: flex;
        font-size: 4rem;
        font-weight: 700; }
    .m3_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      .m3_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .m3_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        @media only screen and (max-width: 48em) {
          .m3_container_box_form {
            width: 90%; } }
        .m3_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .m3_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .m3_container_box_form_2_box {
                width: 100%; } }
            .m3_container_box_form_2_box_1 {
              display: flex;
              justify-content: center; }
              @media only screen and (max-width: 48em) {
                .m3_container_box_form_2_box_1 {
                  flex-wrap: wrap; } }
              .m3_container_box_form_2_box_1_item {
                display: flex;
                width: 43%;
                flex-direction: column;
                margin: 0.5rem; }
                @media only screen and (max-width: 48em) {
                  .m3_container_box_form_2_box_1_item {
                    width: 80%; } }
                .m3_container_box_form_2_box_1_item_label {
                  display: flex;
                  width: 35rem;
                  font-size: 2rem;
                  font-weight: 700;
                  color: #002060; }
                .m3_container_box_form_2_box_1_item_input {
                  display: flex;
                  width: 100%;
                  border: 0.2rem solid #002060;
                  padding: 1rem;
                  font-size: 1.5rem;
                  outline: none;
                  border-radius: 0.5rem; }
              .m3_container_box_form_2_box_1_item1 {
                display: flex;
                width: 25rem;
                height: 18rem;
                margin: 1rem;
                border-radius: 1rem;
                box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
                .m3_container_box_form_2_box_1_item1_input {
                  display: flex;
                  width: 4rem;
                  height: 4rem;
                  margin: 1rem; }
                .m3_container_box_form_2_box_1_item1_label {
                  display: flex;
                  align-items: center;
                  width: 100%;
                  margin-top: 1rem;
                  font-size: 1.8rem;
                  color: #002060;
                  padding: 1rem; }
            .m3_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .m3_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
            .m3_container_box_form_2_box_text {
              display: flex;
              width: 100%;
              height: 15rem;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
            .m3_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .m3_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 2rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .m3_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: space-between; }
        .m3_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .m3_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .m3_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .m3_container_box_botnav_next span {
            font-size: 2.2rem; }

.m4 {
  display: flex; }
  .m4_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 2rem;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    z-index: 10;
    background-color: #fff; }
    @media only screen and (max-width: 48em) {
      .m4_container {
        width: 90%; } }
    .m4_container_close {
      display: flex;
      position: absolute;
      top: 0.5rem;
      right: 2rem;
      margin: 0.5rem; }
      .m4_container_close_icon {
        display: flex;
        font-size: 4rem;
        font-weight: 700; }
    .m4_container_box {
      display: flex;
      flex-direction: column;
      margin: 1rem 3rem; }
      .m4_container_box_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        margin-top: 2rem;
        margin-bottom: 2rem;
        color: #002060; }
      .m4_container_box_form {
        display: flex;
        flex-direction: column;
        width: 85%;
        margin: 0 auto; }
        @media only screen and (max-width: 48em) {
          .m4_container_box_form {
            width: 90%; } }
        .m4_container_box_form_2 {
          display: flex;
          flex-direction: column;
          align-items: center; }
          .m4_container_box_form_2_box {
            display: flex;
            flex-direction: column;
            width: 85%;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .m4_container_box_form_2_box {
                width: 100%; } }
            .m4_container_box_form_2_box_1 {
              display: flex;
              justify-content: center; }
              @media only screen and (max-width: 48em) {
                .m4_container_box_form_2_box_1 {
                  flex-wrap: wrap; } }
              .m4_container_box_form_2_box_1_item {
                display: flex;
                width: 43%;
                flex-direction: column;
                margin: 0.5rem; }
                @media only screen and (max-width: 48em) {
                  .m4_container_box_form_2_box_1_item {
                    width: 80%; } }
                .m4_container_box_form_2_box_1_item_label {
                  display: flex;
                  width: 35rem;
                  font-size: 2rem;
                  font-weight: 700;
                  color: #002060; }
                .m4_container_box_form_2_box_1_item_input {
                  display: flex;
                  width: 100%;
                  border: 0.2rem solid #002060;
                  padding: 1rem;
                  font-size: 1.5rem;
                  outline: none;
                  border-radius: 0.5rem; }
              .m4_container_box_form_2_box_1_item1 {
                display: flex;
                width: 25rem;
                height: 18rem;
                margin: 1rem;
                border-radius: 1rem;
                box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
                .m4_container_box_form_2_box_1_item1_input {
                  display: flex;
                  width: 4rem;
                  height: 4rem;
                  margin: 1rem; }
                .m4_container_box_form_2_box_1_item1_label {
                  display: flex;
                  align-items: center;
                  width: 100%;
                  margin-top: 1rem;
                  font-size: 1.8rem;
                  color: #002060;
                  padding: 1rem; }
            .m4_container_box_form_2_box_label {
              display: flex;
              width: 35rem;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .m4_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
            .m4_container_box_form_2_box_text {
              display: flex;
              width: 100%;
              height: 15rem;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
            .m4_container_box_form_2_box_input {
              display: flex;
              width: 100%;
              border: 0.2rem solid #002060;
              padding: 1.5rem 2rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
        .m4_container_box_form_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 2rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .m4_container_box_botnav {
        display: flex;
        margin: 2rem;
        justify-content: space-between; }
        .m4_container_box_botnav_pre {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .m4_container_box_botnav_pre span {
            font-size: 2.2rem; }
        .m4_container_box_botnav_next {
          display: flex;
          cursor: pointer;
          align-items: center;
          font-size: 2rem;
          font-weight: 700; }
          .m4_container_box_botnav_next span {
            font-size: 2.2rem; }

.hidden {
  display: none !important; }

.next_align {
  display: flex;
  justify-content: flex-end !important; }

.prev_align {
  display: flex;
  justify-content: flex-start !important; }

.header {
  display: flex;
  width: 100%;
  height: 8rem;
  align-items: center;
  background-color: #e5edf9; }
  .header_logo {
    display: flex;
    height: 90%;
    width: 15rem;
    margin: 1rem;
    justify-content: center;
    align-items: center;
    border-radius: 1rem;
    background-color: #fff;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    .header_logo_img {
      display: flex;
      width: 10rem;
      max-height: 9rem;
      padding: 1rem; }
      @media only screen and (max-width: 48em) {
        .header_logo_img {
          width: 15rem;
          padding: 1rem;
          border-radius: 1rem; } }
  .header_title {
    display: flex;
    flex: 0 0 30%;
    font-size: 2.2rem;
    font-weight: 600;
    color: #002060;
    text-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.5); }
    @media only screen and (max-width: 48em) {
      .header_title {
        display: none; } }
    .header_title_company {
      font-size: 2.2rem;
      font-weight: 600;
      color: #002060; }
      @media only screen and (max-width: 48em) {
        .header_title_company {
          font-size: 1.5rem; } }
  .header_box {
    display: flex;
    flex: 1;
    justify-content: flex-end; }
    .header_box_btn {
      display: flex;
      padding: 0.5rem 2rem;
      border-radius: 3rem;
      justify-content: center;
      align-items: center;
      background-color: #3b32ec;
      text-decoration: none;
      color: #fff;
      margin: 0.5rem;
      margin-right: 3rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .header_box_btn_logout {
        font-size: 1.8rem;
        margin: 0.5rem; }
      .header_box_btn_icon {
        width: 3rem;
        height: 3rem; }

.nav {
  display: flex;
  flex-direction: column;
  flex: 0 0 7%;
  background-color: #3b32ec; }
  .nav_bar {
    display: flex;
    flex-direction: column;
    list-style-type: none; }
    @media only screen and (max-width: 64em) {
      .nav_bar {
        flex-direction: row; } }
    .nav_bar_tag {
      display: flex;
      flex-direction: column;
      cursor: pointer;
      width: 100%;
      height: 8rem;
      align-items: center;
      justify-content: center;
      border-bottom: 0.2rem solid #fff; }
      @media only screen and (max-width: 64em) {
        .nav_bar_tag {
          height: 6rem;
          border-right: 0.2rem solid #fff; } }
      .nav_bar_tag_icon {
        width: 5rem;
        height: 5rem;
        filter: drop-shadow(0 0 0.1rem rgba(0, 0, 0, 0.5)); }
        @media only screen and (max-width: 64em) {
          .nav_bar_tag_icon {
            height: 3.5rem;
            width: 3.5rem; } }
      .nav_bar_tag_text {
        font-size: 1.5rem;
        font-weight: 800;
        color: #fff; }
      .nav_bar_tag_active {
        background-color: #fff; }
        .nav_bar_tag_active img {
          filter: brightness(0); }
        .nav_bar_tag_active p {
          color: #002060; }

.empnav {
  display: flex;
  flex-direction: column;
  flex: 0 0 7%;
  background-color: #3b32ec; }
  .empnav_bar {
    display: flex;
    flex-direction: column;
    list-style-type: none; }
    @media only screen and (max-width: 64em) {
      .empnav_bar {
        flex-direction: row; } }
    .empnav_bar_tag {
      display: flex;
      flex-direction: column;
      cursor: pointer;
      width: 100%;
      height: 8rem;
      align-items: center;
      justify-content: center;
      border-bottom: 0.2rem solid #fff; }
      @media only screen and (max-width: 64em) {
        .empnav_bar_tag {
          height: 6rem;
          border-right: 0.2rem solid #fff; } }
      .empnav_bar_tag_icon {
        width: 5rem;
        height: 5rem;
        filter: drop-shadow(0 0 0.1rem rgba(0, 0, 0, 0.5)); }
        @media only screen and (max-width: 64em) {
          .empnav_bar_tag_icon {
            height: 3.5rem;
            width: 3.5rem; } }
      .empnav_bar_tag_text {
        font-size: 1.5rem;
        font-weight: 800;
        color: #fff; }
      .empnav_bar_tag_active {
        background-color: #fff; }
        .empnav_bar_tag_active img {
          filter: brightness(0); }
        .empnav_bar_tag_active p {
          color: #002060; }

.snav {
  display: flex;
  flex-direction: column;
  flex: 0 0 7%;
  background-color: #3b32ec; }
  .snav_bar {
    display: flex;
    flex-direction: column;
    list-style-type: none; }
    @media only screen and (max-width: 64em) {
      .snav_bar {
        flex-direction: row; } }
    .snav_bar_tag {
      display: flex;
      flex-direction: column;
      cursor: pointer;
      width: 100%;
      height: 8rem;
      align-items: center;
      justify-content: center;
      border-bottom: 0.2rem solid #fff; }
      @media only screen and (max-width: 64em) {
        .snav_bar_tag {
          height: 6rem;
          border-right: 0.2rem solid #fff; } }
      .snav_bar_tag_icon {
        width: 5rem;
        height: 5rem;
        filter: drop-shadow(0 0 0.1rem rgba(0, 0, 0, 0.5)); }
        @media only screen and (max-width: 64em) {
          .snav_bar_tag_icon {
            height: 3.5rem;
            width: 3.5rem; } }
      .snav_bar_tag_text {
        font-size: 1.5rem;
        font-weight: 800;
        text-align: center;
        color: #fff; }
      .snav_bar_tag_active {
        background-color: #fff; }
        .snav_bar_tag_active img {
          filter: brightness(0); }
        .snav_bar_tag_active p {
          color: #002060; }

.mnav {
  display: flex;
  flex-direction: column;
  flex: 0 0 7%;
  background-color: #3b32ec; }
  .mnav_bar {
    display: flex;
    flex-direction: column;
    list-style-type: none; }
    @media only screen and (max-width: 64em) {
      .mnav_bar {
        flex-direction: row; } }
    .mnav_bar_tag {
      display: flex;
      flex-direction: column;
      cursor: pointer;
      width: 100%;
      height: 8rem;
      align-items: center;
      justify-content: center;
      border-bottom: 0.2rem solid #fff; }
      @media only screen and (max-width: 64em) {
        .mnav_bar_tag {
          height: 6rem;
          border-right: 0.2rem solid #fff; } }
      .mnav_bar_tag_icon {
        width: 5rem;
        height: 5rem;
        filter: drop-shadow(0 0 0.1rem rgba(0, 0, 0, 0.5)); }
        @media only screen and (max-width: 64em) {
          .mnav_bar_tag_icon {
            height: 3.5rem;
            width: 3.5rem; } }
      .mnav_bar_tag_text {
        font-size: 1.5rem;
        font-weight: 800;
        color: #fff; }
      .mnav_bar_tag_active {
        background-color: #fff; }
        .mnav_bar_tag_active img {
          filter: brightness(0); }
        .mnav_bar_tag_active p {
          color: #002060; }

.aspric1 {
  border: 0.8rem solid #00b2d0;
  background-color: #00b2d0; }
  .aspric1 .card1pro {
    display: flex; }
    .aspric1 .card1pro_name {
      color: #000; }
    .aspric1 .card1pro_dec {
      color: #000; }
    .aspric1 .card1pro_dec1 {
      color: #000; }
    .aspric1 .card1pro_company {
      color: #000; }
    .aspric1 .card1pro_title {
      color: #000; }
    .aspric1 .card1pro_box_item_img1 {
      display: flex;
      width: 5rem;
      height: 5rem;
      background-image: url(../img/cards/mcard1/icon/call1.png);
      background-size: 5rem 5rem;
      background-repeat: no-repeat; }
    .aspric1 .card1pro_box_item_img2 {
      display: flex;
      width: 5rem;
      height: 5rem;
      background-image: url(../img/cards/mcard1/icon/what1.png);
      background-size: 5rem 5rem;
      background-repeat: no-repeat; }
    .aspric1 .card1pro_box_item_img3 {
      display: flex;
      width: 5rem;
      height: 5rem;
      background-image: url(../img/cards/mcard1/icon/loc1.png);
      background-size: 5rem 5rem;
      background-repeat: no-repeat; }
    .aspric1 .card1pro_box_item_img4 {
      display: flex;
      width: 5rem;
      height: 5rem;
      background-image: url(../img/cards/mcard1/icon/email1.png);
      background-size: 5rem 5rem;
      background-repeat: no-repeat; }
    .aspric1 .card1pro_box_item_text {
      color: #007bc4; }
  .aspric1 .card1detail_ctl_box {
    color: #fff; }
    .aspric1 .card1detail_ctl_box_icon_img1 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/mcard1/icon/locationicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .aspric1 .card1detail_ctl_box_icon_img2 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/mcard1/icon/emailicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .aspric1 .card1detail_ctl_box_icon_img3 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/mcard1/icon/wapicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .aspric1 .card1detail_ctl_box_icon_img4 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/mcard1/icon/webicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .aspric1 .card1detail_ctl_box_icon_img5 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/mcard1/icon/callicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .aspric1 .card1detail_ctl_box_icon_img6 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/mcard1/icon/callicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .aspric1 .card1detail_ctl_box_icon_img7 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/mcard1/icon/faxicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
  .aspric1 .card1detail_wap_med_icon_img1 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/fbwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .aspric1 .card1detail_wap_med_icon_img2 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/instawhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .aspric1 .card1detail_wap_med_icon_img3 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/lnwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .aspric1 .card1detail_wap_med_icon_img4 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/youwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }

.esrpc1 .esrp_row_view {
  background-color: #004889; }

.esrpc1 .esrppro {
  display: flex; }
  .esrpc1 .esrppro_name {
    color: #004889; }
  .esrpc1 .esrppro_dec {
    color: #004889; }
  .esrpc1 .esrppro_company {
    color: #004889; }
  .esrpc1 .esrppro_title {
    color: #004889; }
  .esrpc1 .esrppro_box_item_text {
    color: #004889; }
  .esrpc1 .esrppro_box_item_img1 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/esr/icon/call1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .esrpc1 .esrppro_box_item_img2 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/esr/icon/what1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .esrpc1 .esrppro_box_item_img3 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/esr/icon/loc1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .esrpc1 .esrppro_box_item_img4 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/esr/icon/email1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }

.esrpc1 .esrpdetail {
  background-color: #004889; }
  .esrpc1 .esrpdetail_ctl_box {
    color: #fff; }
    .esrpc1 .esrpdetail_ctl_box_icon_img1 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/locationicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrpc1 .esrpdetail_ctl_box_icon_img2 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/emailicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrpc1 .esrpdetail_ctl_box_icon_img3 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/wapicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrpc1 .esrpdetail_ctl_box_icon_img4 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/webicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrpc1 .esrpdetail_ctl_box_icon_img5 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/callicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrpc1 .esrpdetail_ctl_box_icon_img6 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/mobileicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrpc1 .esrpdetail_ctl_box_icon_img7 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/faxicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
  .esrpc1 .esrpdetail_wap_med_icon_img1 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/fbwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .esrpc1 .esrpdetail_wap_med_icon_img2 {
    display: none;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/instawhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .esrpc1 .esrpdetail_wap_med_icon_img3 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/lnwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .esrpc1 .esrpdetail_wap_med_icon_img4 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/youwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }

.esrpc1 .esrpfooter {
  background-color: #004889; }

.esrfc1 .esrf_row_view {
  background-color: #004889; }

.esrfc1 .esrfpro {
  display: flex; }
  .esrfc1 .esrfpro_name {
    color: #004889; }
  .esrfc1 .esrfpro_dec {
    color: #004889; }
  .esrfc1 .esrfpro_company {
    color: #004889; }
  .esrfc1 .esrfpro_add {
    color: #004889; }
  .esrfc1 .esrfpro_cont_item_1 {
    color: #004889; }
  .esrfc1 .esrfpro_cont_item_2 {
    color: #000; }
  .esrfc1 .esrfpro_cont_item_3 {
    color: #004889; }
  .esrfc1 .esrfpro_title {
    color: #004889; }
  .esrfc1 .esrfpro_box_item_text {
    color: #004889; }
  .esrfc1 .esrfpro_box_item_img1 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/esr/icon/call1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .esrfc1 .esrfpro_box_item_img2 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/esr/icon/what1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .esrfc1 .esrfpro_box_item_img3 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/esr/icon/loc1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .esrfc1 .esrfpro_box_item_img4 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/esr/icon/email1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }

.esrfc1 .esrfdetail {
  background-color: #004889; }
  .esrfc1 .esrfdetail_ctl_box {
    color: #fff; }
    .esrfc1 .esrfdetail_ctl_box_icon_img1 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/locationicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrfc1 .esrfdetail_ctl_box_icon_img2 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/emailicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrfc1 .esrfdetail_ctl_box_icon_img3 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/wapicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrfc1 .esrfdetail_ctl_box_icon_img4 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/webicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrfc1 .esrfdetail_ctl_box_icon_img5 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/callicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrfc1 .esrfdetail_ctl_box_icon_img6 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/mobileicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrfc1 .esrfdetail_ctl_box_icon_img7 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/faxicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
  .esrfc1 .esrfdetail_wap_med_icon_img1 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/fbwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .esrfc1 .esrfdetail_wap_med_icon_img2 {
    display: none;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/instawhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .esrfc1 .esrfdetail_wap_med_icon_img3 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/lnwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .esrfc1 .esrfdetail_wap_med_icon_img4 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/youwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }

.esrfc1 .esrffooter {
  background-color: #004889; }

.esrfc2 .esrfpro {
  display: flex; }
  .esrfc2 .esrfpro_name {
    color: #7acdf3; }
  .esrfc2 .esrfpro_dec {
    color: #7acdf3; }
  .esrfc2 .esrfpro_company {
    color: #7acdf3; }
  .esrfc2 .esrfpro_add {
    color: #7acdf3; }
  .esrfc2 .esrfpro_cont_item_1 {
    color: #7acdf3; }
  .esrfc2 .esrfpro_cont_item_2 {
    color: #000; }
  .esrfc2 .esrfpro_cont_item_3 {
    color: #7acdf3; }
  .esrfc2 .esrfpro_title {
    color: #7acdf3; }
  .esrfc2 .esrfpro_box_item_text {
    color: #7acdf3; }
  .esrfc2 .esrfpro_box_item_img1 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/esr/icon/call1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .esrfc2 .esrfpro_box_item_img2 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/esr/icon/what1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .esrfc2 .esrfpro_box_item_img3 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/esr/icon/loc1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .esrfc2 .esrfpro_box_item_img4 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/esr/icon/email1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }

.esrfc2 .esrfdetail {
  background-color: #7acdf3; }
  .esrfc2 .esrfdetail_ctl_box {
    color: #fff; }
    .esrfc2 .esrfdetail_ctl_box_icon_img1 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/locationicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrfc2 .esrfdetail_ctl_box_icon_img2 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/emailicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrfc2 .esrfdetail_ctl_box_icon_img3 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/wapicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrfc2 .esrfdetail_ctl_box_icon_img4 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/webicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrfc2 .esrfdetail_ctl_box_icon_img5 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/callicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrfc2 .esrfdetail_ctl_box_icon_img6 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/mobileicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrfc2 .esrfdetail_ctl_box_icon_img7 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/faxicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
  .esrfc2 .esrfdetail_wap_med_icon_img1 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/fbwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .esrfc2 .esrfdetail_wap_med_icon_img2 {
    display: none;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/instawhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .esrfc2 .esrfdetail_wap_med_icon_img3 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/lnwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .esrfc2 .esrfdetail_wap_med_icon_img4 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/youwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }

.esrfc2 .esrffooter {
  background-color: #7acdf3; }

.esrfc3 .esrfpro {
  display: flex; }
  .esrfc3 .esrfpro_name {
    color: #970b31; }
  .esrfc3 .esrfpro_dec {
    color: #970b31; }
  .esrfc3 .esrfpro_company {
    color: #970b31; }
  .esrfc3 .esrfpro_add {
    color: #970b31; }
  .esrfc3 .esrfpro_cont_item_1 {
    color: #970b31; }
  .esrfc3 .esrfpro_cont_item_2 {
    color: #000; }
  .esrfc3 .esrfpro_cont_item_3 {
    color: #970b31; }
  .esrfc3 .esrfpro_title {
    color: #970b31; }
  .esrfc3 .esrfpro_box_item_text {
    color: #970b31; }
  .esrfc3 .esrfpro_box_item_img1 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/esr/icon/call1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .esrfc3 .esrfpro_box_item_img2 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/esr/icon/what1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .esrfc3 .esrfpro_box_item_img3 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/esr/icon/loc1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .esrfc3 .esrfpro_box_item_img4 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/esr/icon/email1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }

.esrfc3 .esrfdetail {
  background-color: #970b31; }
  .esrfc3 .esrfdetail_ctl_box {
    color: #fff; }
    .esrfc3 .esrfdetail_ctl_box_icon_img1 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/locationicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrfc3 .esrfdetail_ctl_box_icon_img2 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/emailicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrfc3 .esrfdetail_ctl_box_icon_img3 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/wapicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrfc3 .esrfdetail_ctl_box_icon_img4 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/webicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrfc3 .esrfdetail_ctl_box_icon_img5 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/callicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrfc3 .esrfdetail_ctl_box_icon_img6 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/mobileicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrfc3 .esrfdetail_ctl_box_icon_img7 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/faxicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
  .esrfc3 .esrfdetail_wap_med_icon_img1 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/fbwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .esrfc3 .esrfdetail_wap_med_icon_img2 {
    display: none;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/instawhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .esrfc3 .esrfdetail_wap_med_icon_img3 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/lnwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .esrfc3 .esrfdetail_wap_med_icon_img4 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/youwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }

.esrfc3 .esrffooter {
  background-color: #970b31; }

.esrfc4 .esrfpro {
  display: flex; }
  .esrfc4 .esrfpro_name {
    color: #040000; }
  .esrfc4 .esrfpro_dec {
    color: #040000; }
  .esrfc4 .esrfpro_company {
    color: #040000; }
  .esrfc4 .esrfpro_add {
    color: #040000; }
  .esrfc4 .esrfpro_cont_item_1 {
    color: #040000; }
  .esrfc4 .esrfpro_cont_item_2 {
    color: #000; }
  .esrfc4 .esrfpro_cont_item_3 {
    color: #040000; }
  .esrfc4 .esrfpro_title {
    color: #040000; }
  .esrfc4 .esrfpro_box_item_text {
    color: #040000; }
  .esrfc4 .esrfpro_box_item_img1 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/esr/icon/call1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .esrfc4 .esrfpro_box_item_img2 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/esr/icon/what1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .esrfc4 .esrfpro_box_item_img3 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/esr/icon/loc1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .esrfc4 .esrfpro_box_item_img4 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/esr/icon/email1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }

.esrfc4 .esrfdetail {
  background-color: #040000; }
  .esrfc4 .esrfdetail_ctl_box {
    color: #fff; }
    .esrfc4 .esrfdetail_ctl_box_icon_img1 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/locationicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrfc4 .esrfdetail_ctl_box_icon_img2 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/emailicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrfc4 .esrfdetail_ctl_box_icon_img3 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/wapicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrfc4 .esrfdetail_ctl_box_icon_img4 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/webicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrfc4 .esrfdetail_ctl_box_icon_img5 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/callicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrfc4 .esrfdetail_ctl_box_icon_img6 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/mobileicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .esrfc4 .esrfdetail_ctl_box_icon_img7 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/esr/icon/faxicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
  .esrfc4 .esrfdetail_wap_med_icon_img1 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/fbwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .esrfc4 .esrfdetail_wap_med_icon_img2 {
    display: none;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/instawhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .esrfc4 .esrfdetail_wap_med_icon_img3 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/lnwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .esrfc4 .esrfdetail_wap_med_icon_img4 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/youwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }

.esrfc4 .esrffooter {
  background-color: #040000; }

.cdec1 {
  background-color: #e12726; }
  .cdec1 .cdepro {
    display: flex; }
    .cdec1 .cdepro_box1_sec2_name {
      color: #000; }
    .cdec1 .cdepro_box1_sec2_dec {
      color: #615e61; }
    .cdec1 .cdepro_box1_sec2_box_item {
      align-items: center; }
      .cdec1 .cdepro_box1_sec2_box_item_link {
        color: #615e61; }
      .cdec1 .cdepro_box1_sec2_box_item_img1 {
        display: flex;
        width: 3.2rem;
        height: 3.2rem;
        margin: 0.1rem;
        background-image: url(../img/cards/cde/icon/emailsand.png);
        background-size: 3.2rem 3.2rem;
        background-repeat: no-repeat; }
      .cdec1 .cdepro_box1_sec2_box_item_img2 {
        display: flex;
        width: 3.2rem;
        height: 3.2rem;
        margin: 0.1rem;
        background-image: url(../img/cards/cde/icon/mobsand.png);
        background-size: 3.2rem 3.2rem;
        background-repeat: no-repeat; }
  .cdec1 .cdeback_box {
    border-left: 0.3rem solid #e12726; }
    .cdec1 .cdeback_box_1_comp {
      color: #e12726; }
    .cdec1 .cdeback_box_1_add {
      color: #615e61; }
    .cdec1 .cdeback_box_1_cont {
      align-items: center; }
      .cdec1 .cdeback_box_1_cont_text1 {
        color: #615e61;
        align-items: center; }
        .cdec1 .cdeback_box_1_cont_text1 span {
          display: flex;
          width: 3.2rem;
          height: 3rem;
          background-image: url(../img/cards/cde/icon/helpsand.png);
          background-size: 3.2rem 3rem;
          background-repeat: no-repeat; }
      .cdec1 .cdeback_box_1_cont_text2 {
        color: #615e61; }
    .cdec1 .cdeback_box_2_comp {
      color: #e12726; }
    .cdec1 .cdeback_box_2_add {
      color: #615e61; }
    .cdec1 .cdeback_box_2_cont {
      align-items: center; }
      .cdec1 .cdeback_box_2_cont_text1 {
        color: #615e61;
        align-items: center; }
        .cdec1 .cdeback_box_2_cont_text1 span {
          display: flex;
          width: 3.2rem;
          height: 3rem;
          background-image: url(../img/cards/cde/icon/callsand.png);
          background-size: 3.2rem 3rem;
          background-repeat: no-repeat; }
      .cdec1 .cdeback_box_2_cont_text2 {
        color: #615e61; }
        .cdec1 .cdeback_box_2_cont_text2_link {
          color: #615e61; }
  .cdec1 .cdedetail_ctl_box {
    color: #fff; }
    .cdec1 .cdedetail_ctl_box_icon_img1 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/cde/icon/locationicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .cdec1 .cdedetail_ctl_box_icon_img2 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/cde/icon/emailicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .cdec1 .cdedetail_ctl_box_icon_img3 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/cde/icon/wapicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .cdec1 .cdedetail_ctl_box_icon_img4 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/cde/icon/webicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .cdec1 .cdedetail_ctl_box_icon_img5 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/cde/icon/callicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
  .cdec1 .cdedetail_wap_med_icon_img1 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/fbwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .cdec1 .cdedetail_wap_med_icon_img2 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/instawhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .cdec1 .cdedetail_wap_med_icon_img3 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/lnwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .cdec1 .cdedetail_wap_med_icon_img4 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/youwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }

.d932c1 .d932pro {
  display: flex;
  border-bottom: 0.2rem solid #000; }
  .d932c1 .d932pro_box {
    background-color: #fff; }
    .d932c1 .d932pro_box_namechi {
      color: #000; }
    .d932c1 .d932pro_box_name {
      color: #000; }
    .d932c1 .d932pro_box_dec {
      color: #000; }
    .d932c1 .d932pro_box_dec1 {
      color: #000; }
    .d932c1 .d932pro_box_comp {
      color: #000; }
    .d932c1 .d932pro_box_add {
      color: #000; }
    .d932c1 .d932pro_box_tel {
      color: #000; }
    .d932c1 .d932pro_box_email {
      color: #000; }
    .d932c1 .d932pro_box_web {
      color: #000; }

.d932c1 .d932detail {
  border-bottom: 0.2rem solid #000; }
  .d932c1 .d932detail_ctl_box {
    color: #000; }
    .d932c1 .d932detail_ctl_box_icon_img1 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/932/icon/locationicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .d932c1 .d932detail_ctl_box_icon_img2 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/932/icon/emailicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .d932c1 .d932detail_ctl_box_icon_img3 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/932/icon/wapicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .d932c1 .d932detail_ctl_box_icon_img4 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/932/icon/webicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .d932c1 .d932detail_ctl_box_icon_img5 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/932/icon/callicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
  .d932c1 .d932detail_wap_med_icon_img1 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/fbblack.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .d932c1 .d932detail_wap_med_icon_img2 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/instablack.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .d932c1 .d932detail_wap_med_icon_img3 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/lnblack.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .d932c1 .d932detail_wap_med_icon_img4 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/youblack.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }

.d932c1 .d932about {
  color: #000;
  border-bottom: 0.2rem solid #000; }

.d932c1 .d932gallery {
  color: #000;
  border-bottom: 0.2rem solid #000; }

.d932c1 .d932video {
  color: #000;
  border-bottom: 0.2rem solid #000; }

.d932c1 .d932footer {
  background-color: #000; }

.sgncc1 .sgncpro {
  display: flex;
  background-color: #fff;
  border: 0.8rem solid #ed1e29; }
  .sgncc1 .sgncpro_name {
    color: #000; }
  .sgncc1 .sgncpro_dec {
    color: #000; }
  .sgncc1 .sgncpro_company {
    color: #000; }
  .sgncc1 .sgncpro_add {
    color: #000; }
  .sgncc1 .sgncpro_title {
    color: #000; }
  .sgncc1 .sgncpro_box_item_text {
    color: #000; }
  .sgncc1 .sgncpro_box_item_img1 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/call1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc1 .sgncpro_box_item_img2 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/what1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc1 .sgncpro_box_item_img3 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/loc1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc1 .sgncpro_box_item_img4 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/email1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }

.sgncc1 .sgncdetail {
  background-color: #ed1e29; }
  .sgncc1 .sgncdetail_ctl_box {
    color: #fff; }
    .sgncc1 .sgncdetail_ctl_box_icon_img1 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/locationicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc1 .sgncdetail_ctl_box_icon_img2 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/emailicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc1 .sgncdetail_ctl_box_icon_img3 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/wapicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc1 .sgncdetail_ctl_box_icon_img4 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/webicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc1 .sgncdetail_ctl_box_icon_img5 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/callicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc1 .sgncdetail_ctl_box_icon_img6 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/mobileicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc1 .sgncdetail_ctl_box_icon_img7 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/faxicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
  .sgncc1 .sgncdetail_wap_med_icon_img1 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/fbwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc1 .sgncdetail_wap_med_icon_img2 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/instawhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc1 .sgncdetail_wap_med_icon_img3 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/lnwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc1 .sgncdetail_wap_med_icon_img4 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/youwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }

.sgncc1 .sgncgallery {
  background-color: #ed1e29;
  color: #fff; }

.sgncc1 .sgncabout {
  color: #000;
  border: 0.8rem solid #ed1e29; }

.sgncc1 .sgncvideo {
  border: 0.8rem solid #ed1e29; }

.sgncc1 .sgncmap {
  border: 0.8rem solid #ed1e29; }

.sgncc1 .sgncenq {
  border: 0.8rem solid #ed1e29; }

.sgncc1 .sgncfooter {
  background-color: #ed1e29; }

.sgncc2 .sgncpro {
  display: flex;
  background-color: #fff;
  border: 0.8rem solid #849bff; }
  .sgncc2 .sgncpro_name {
    color: #000; }
  .sgncc2 .sgncpro_dec {
    color: #000; }
  .sgncc2 .sgncpro_company {
    color: #000; }
  .sgncc2 .sgncpro_add {
    color: #000; }
  .sgncc2 .sgncpro_title {
    color: #000; }
  .sgncc2 .sgncpro_box_item_text {
    color: #000; }
  .sgncc2 .sgncpro_box_item_img1 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/call2.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc2 .sgncpro_box_item_img2 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/what2.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc2 .sgncpro_box_item_img3 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/loc2.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc2 .sgncpro_box_item_img4 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/email2.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }

.sgncc2 .sgncdetail {
  background-color: #849bff; }
  .sgncc2 .sgncdetail_ctl_box {
    color: #fff; }
    .sgncc2 .sgncdetail_ctl_box_icon_img1 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/locationicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc2 .sgncdetail_ctl_box_icon_img2 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/emailicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc2 .sgncdetail_ctl_box_icon_img3 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/wapicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc2 .sgncdetail_ctl_box_icon_img4 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/webicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc2 .sgncdetail_ctl_box_icon_img5 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/callicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc2 .sgncdetail_ctl_box_icon_img6 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/mobileicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc2 .sgncdetail_ctl_box_icon_img7 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/faxicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
  .sgncc2 .sgncdetail_wap_med_icon_img1 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/fbwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc2 .sgncdetail_wap_med_icon_img2 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/instawhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc2 .sgncdetail_wap_med_icon_img3 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/lnwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc2 .sgncdetail_wap_med_icon_img4 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/youwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }

.sgncc2 .sgncgallery {
  background-color: #849bff;
  color: #fff; }

.sgncc2 .sgncabout {
  color: #000;
  border: 0.8rem solid #849bff; }

.sgncc2 .sgncvideo {
  border: 0.8rem solid #849bff; }

.sgncc2 .sgncmap {
  border: 0.8rem solid #849bff; }

.sgncc2 .sgncenq {
  border: 0.8rem solid #849bff; }

.sgncc2 .sgncfooter {
  background-color: #849bff; }

.sgncc3 .sgncpro {
  display: flex;
  background-color: #fff;
  border: 0.8rem solid #164279; }
  .sgncc3 .sgncpro_name {
    color: #000; }
  .sgncc3 .sgncpro_dec {
    color: #000; }
  .sgncc3 .sgncpro_company {
    color: #000; }
  .sgncc3 .sgncpro_add {
    color: #000; }
  .sgncc3 .sgncpro_title {
    color: #000; }
  .sgncc3 .sgncpro_box_item_text {
    color: #000; }
  .sgncc3 .sgncpro_box_item_img1 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/call3.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc3 .sgncpro_box_item_img2 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/what3.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc3 .sgncpro_box_item_img3 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/loc3.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc3 .sgncpro_box_item_img4 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/email3.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }

.sgncc3 .sgncdetail {
  background-color: #164279; }
  .sgncc3 .sgncdetail_ctl_box {
    color: #fff; }
    .sgncc3 .sgncdetail_ctl_box_icon_img1 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/locationicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc3 .sgncdetail_ctl_box_icon_img2 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/emailicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc3 .sgncdetail_ctl_box_icon_img3 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/wapicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc3 .sgncdetail_ctl_box_icon_img4 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/webicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc3 .sgncdetail_ctl_box_icon_img5 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/callicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc3 .sgncdetail_ctl_box_icon_img6 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/mobileicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc3 .sgncdetail_ctl_box_icon_img7 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/faxicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
  .sgncc3 .sgncdetail_wap_med_icon_img1 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/fbwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc3 .sgncdetail_wap_med_icon_img2 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/instawhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc3 .sgncdetail_wap_med_icon_img3 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/lnwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc3 .sgncdetail_wap_med_icon_img4 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/youwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }

.sgncc3 .sgncgallery {
  background-color: #164279;
  color: #fff; }

.sgncc3 .sgncabout {
  color: #000;
  border: 0.8rem solid #164279; }

.sgncc3 .sgncvideo {
  border: 0.8rem solid #164279; }

.sgncc3 .sgncmap {
  border: 0.8rem solid #164279; }

.sgncc3 .sgncenq {
  border: 0.8rem solid #164279; }

.sgncc3 .sgncfooter {
  background-color: #164279; }

.sgncc4 .sgncpro {
  display: flex;
  background-color: #fff;
  border: 0.8rem solid #5d8d39; }
  .sgncc4 .sgncpro_name {
    color: #000; }
  .sgncc4 .sgncpro_dec {
    color: #000; }
  .sgncc4 .sgncpro_company {
    color: #000; }
  .sgncc4 .sgncpro_add {
    color: #000; }
  .sgncc4 .sgncpro_title {
    color: #000; }
  .sgncc4 .sgncpro_box_item_text {
    color: #000; }
  .sgncc4 .sgncpro_box_item_img1 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/call4.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc4 .sgncpro_box_item_img2 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/what4.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc4 .sgncpro_box_item_img3 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/loc4.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc4 .sgncpro_box_item_img4 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/email4.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }

.sgncc4 .sgncdetail {
  background-color: #5d8d39; }
  .sgncc4 .sgncdetail_ctl_box {
    color: #fff; }
    .sgncc4 .sgncdetail_ctl_box_icon_img1 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/locationicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc4 .sgncdetail_ctl_box_icon_img2 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/emailicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc4 .sgncdetail_ctl_box_icon_img3 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/wapicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc4 .sgncdetail_ctl_box_icon_img4 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/webicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc4 .sgncdetail_ctl_box_icon_img5 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/callicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc4 .sgncdetail_ctl_box_icon_img6 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/mobileicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc4 .sgncdetail_ctl_box_icon_img7 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/faxicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
  .sgncc4 .sgncdetail_wap_med_icon_img1 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/fbwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc4 .sgncdetail_wap_med_icon_img2 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/instawhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc4 .sgncdetail_wap_med_icon_img3 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/lnwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc4 .sgncdetail_wap_med_icon_img4 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/youwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }

.sgncc4 .sgncgallery {
  background-color: #5d8d39;
  color: #fff; }

.sgncc4 .sgncabout {
  color: #000;
  border: 0.8rem solid #5d8d39; }

.sgncc4 .sgncvideo {
  border: 0.8rem solid #5d8d39; }

.sgncc4 .sgncmap {
  border: 0.8rem solid #5d8d39; }

.sgncc4 .sgncenq {
  border: 0.8rem solid #5d8d39; }

.sgncc4 .sgncfooter {
  background-color: #5d8d39; }

.sgncc5 .sgncpro {
  display: flex;
  background-color: #fff;
  border: 0.8rem solid #fd9800; }
  .sgncc5 .sgncpro_name {
    color: #000; }
  .sgncc5 .sgncpro_dec {
    color: #000; }
  .sgncc5 .sgncpro_company {
    color: #000; }
  .sgncc5 .sgncpro_add {
    color: #000; }
  .sgncc5 .sgncpro_title {
    color: #000; }
  .sgncc5 .sgncpro_box_item_text {
    color: #000; }
  .sgncc5 .sgncpro_box_item_img1 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/call5.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc5 .sgncpro_box_item_img2 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/what5.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc5 .sgncpro_box_item_img3 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/loc5.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc5 .sgncpro_box_item_img4 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/email5.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }

.sgncc5 .sgncdetail {
  background-color: #fd9800; }
  .sgncc5 .sgncdetail_ctl_box {
    color: #fff; }
    .sgncc5 .sgncdetail_ctl_box_icon_img1 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/locationicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc5 .sgncdetail_ctl_box_icon_img2 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/emailicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc5 .sgncdetail_ctl_box_icon_img3 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/wapicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc5 .sgncdetail_ctl_box_icon_img4 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/webicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc5 .sgncdetail_ctl_box_icon_img5 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/callicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc5 .sgncdetail_ctl_box_icon_img6 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/mobileicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc5 .sgncdetail_ctl_box_icon_img7 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/faxicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
  .sgncc5 .sgncdetail_wap_med_icon_img1 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/fbwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc5 .sgncdetail_wap_med_icon_img2 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/instawhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc5 .sgncdetail_wap_med_icon_img3 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/lnwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc5 .sgncdetail_wap_med_icon_img4 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/youwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }

.sgncc5 .sgncgallery {
  background-color: #fd9800;
  color: #fff; }

.sgncc5 .sgncabout {
  color: #000;
  border: 0.8rem solid #fd9800; }

.sgncc5 .sgncvideo {
  border: 0.8rem solid #fd9800; }

.sgncc5 .sgncmap {
  border: 0.8rem solid #fd9800; }

.sgncc5 .sgncenq {
  border: 0.8rem solid #fd9800; }

.sgncc5 .sgncfooter {
  background-color: #fd9800; }

.sgncc6 .sgncpro {
  display: flex;
  background-color: #fff;
  border: 0.8rem solid #ffff00; }
  .sgncc6 .sgncpro_name {
    color: #000; }
  .sgncc6 .sgncpro_dec {
    color: #000; }
  .sgncc6 .sgncpro_company {
    color: #000; }
  .sgncc6 .sgncpro_add {
    color: #000; }
  .sgncc6 .sgncpro_title {
    color: #000; }
  .sgncc6 .sgncpro_box_item_text {
    color: #000; }
  .sgncc6 .sgncpro_box_item_img1 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/call6.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc6 .sgncpro_box_item_img2 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/what6.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc6 .sgncpro_box_item_img3 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/loc6.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc6 .sgncpro_box_item_img4 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/email6.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }

.sgncc6 .sgncdetail {
  background-color: #ffff00; }
  .sgncc6 .sgncdetail_ctl_box {
    color: #fff; }
    .sgncc6 .sgncdetail_ctl_box_icon_img1 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/locationicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc6 .sgncdetail_ctl_box_icon_img2 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/emailicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc6 .sgncdetail_ctl_box_icon_img3 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/wapicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc6 .sgncdetail_ctl_box_icon_img4 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/webicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc6 .sgncdetail_ctl_box_icon_img5 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/callicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc6 .sgncdetail_ctl_box_icon_img6 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/mobileicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc6 .sgncdetail_ctl_box_icon_img7 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/faxicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
  .sgncc6 .sgncdetail_wap_med_icon_img1 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/fbwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc6 .sgncdetail_wap_med_icon_img2 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/instawhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc6 .sgncdetail_wap_med_icon_img3 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/lnwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc6 .sgncdetail_wap_med_icon_img4 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/youwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }

.sgncc6 .sgncgallery {
  background-color: #ffff00;
  color: #fff; }

.sgncc6 .sgncabout {
  color: #000;
  border: 0.8rem solid #ffff00; }

.sgncc6 .sgncvideo {
  border: 0.8rem solid #ffff00; }

.sgncc6 .sgncmap {
  border: 0.8rem solid #ffff00; }

.sgncc6 .sgncenq {
  border: 0.8rem solid #ffff00; }

.sgncc6 .sgncfooter {
  background-color: #ffff00; }

.sgncc7 .sgncpro {
  display: flex;
  background-color: #fff;
  border: 0.8rem solid #ea589f; }
  .sgncc7 .sgncpro_name {
    color: #000; }
  .sgncc7 .sgncpro_dec {
    color: #000; }
  .sgncc7 .sgncpro_company {
    color: #000; }
  .sgncc7 .sgncpro_add {
    color: #000; }
  .sgncc7 .sgncpro_title {
    color: #000; }
  .sgncc7 .sgncpro_box_item_text {
    color: #000; }
  .sgncc7 .sgncpro_box_item_img1 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/call7.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc7 .sgncpro_box_item_img2 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/what7.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc7 .sgncpro_box_item_img3 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/loc7.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc7 .sgncpro_box_item_img4 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/email7.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }

.sgncc7 .sgncdetail {
  background-color: #ea589f; }
  .sgncc7 .sgncdetail_ctl_box {
    color: #fff; }
    .sgncc7 .sgncdetail_ctl_box_icon_img1 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/locationicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc7 .sgncdetail_ctl_box_icon_img2 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/emailicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc7 .sgncdetail_ctl_box_icon_img3 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/wapicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc7 .sgncdetail_ctl_box_icon_img4 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/webicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc7 .sgncdetail_ctl_box_icon_img5 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/callicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc7 .sgncdetail_ctl_box_icon_img6 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/mobileicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc7 .sgncdetail_ctl_box_icon_img7 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/faxicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
  .sgncc7 .sgncdetail_wap_med_icon_img1 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/fbwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc7 .sgncdetail_wap_med_icon_img2 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/instawhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc7 .sgncdetail_wap_med_icon_img3 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/lnwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc7 .sgncdetail_wap_med_icon_img4 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/youwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }

.sgncc7 .sgncgallery {
  background-color: #ea589f;
  color: #fff; }

.sgncc7 .sgncabout {
  color: #000;
  border: 0.8rem solid #ea589f; }

.sgncc7 .sgncvideo {
  border: 0.8rem solid #ea589f; }

.sgncc7 .sgncmap {
  border: 0.8rem solid #ea589f; }

.sgncc7 .sgncenq {
  border: 0.8rem solid #ea589f; }

.sgncc7 .sgncfooter {
  background-color: #ea589f; }

.sgncc8 .sgncpro {
  display: flex;
  background-color: #fff;
  border: 0.8rem solid #8a2be2; }
  .sgncc8 .sgncpro_name {
    color: #000; }
  .sgncc8 .sgncpro_dec {
    color: #000; }
  .sgncc8 .sgncpro_company {
    color: #000; }
  .sgncc8 .sgncpro_add {
    color: #000; }
  .sgncc8 .sgncpro_title {
    color: #000; }
  .sgncc8 .sgncpro_box_item_text {
    color: #000; }
  .sgncc8 .sgncpro_box_item_img1 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/call8.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc8 .sgncpro_box_item_img2 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/what8.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc8 .sgncpro_box_item_img3 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/loc8.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc8 .sgncpro_box_item_img4 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/email8.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }

.sgncc8 .sgncdetail {
  background-color: #8a2be2; }
  .sgncc8 .sgncdetail_ctl_box {
    color: #fff; }
    .sgncc8 .sgncdetail_ctl_box_icon_img1 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/locationicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc8 .sgncdetail_ctl_box_icon_img2 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/emailicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc8 .sgncdetail_ctl_box_icon_img3 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/wapicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc8 .sgncdetail_ctl_box_icon_img4 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/webicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc8 .sgncdetail_ctl_box_icon_img5 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/callicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc8 .sgncdetail_ctl_box_icon_img6 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/mobileicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc8 .sgncdetail_ctl_box_icon_img7 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/faxicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
  .sgncc8 .sgncdetail_wap_med_icon_img1 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/fbwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc8 .sgncdetail_wap_med_icon_img2 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/instawhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc8 .sgncdetail_wap_med_icon_img3 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/lnwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc8 .sgncdetail_wap_med_icon_img4 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/youwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }

.sgncc8 .sgncgallery {
  background-color: #8a2be2;
  color: #fff; }

.sgncc8 .sgncabout {
  color: #000;
  border: 0.8rem solid #8a2be2; }

.sgncc8 .sgncvideo {
  border: 0.8rem solid #8a2be2; }

.sgncc8 .sgncmap {
  border: 0.8rem solid #8a2be2; }

.sgncc8 .sgncenq {
  border: 0.8rem solid #8a2be2; }

.sgncc8 .sgncfooter {
  background-color: #8a2be2; }

.sgncc9 .sgncpro {
  display: flex;
  background-color: #fff;
  border: 0.8rem solid #704f24; }
  .sgncc9 .sgncpro_name {
    color: #000; }
  .sgncc9 .sgncpro_dec {
    color: #000; }
  .sgncc9 .sgncpro_company {
    color: #000; }
  .sgncc9 .sgncpro_add {
    color: #000; }
  .sgncc9 .sgncpro_title {
    color: #000; }
  .sgncc9 .sgncpro_box_item_text {
    color: #000; }
  .sgncc9 .sgncpro_box_item_img1 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/call9.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc9 .sgncpro_box_item_img2 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/what9.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc9 .sgncpro_box_item_img3 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/loc9.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc9 .sgncpro_box_item_img4 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/email9.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }

.sgncc9 .sgncdetail {
  background-color: #704f24; }
  .sgncc9 .sgncdetail_ctl_box {
    color: #fff; }
    .sgncc9 .sgncdetail_ctl_box_icon_img1 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/locationicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc9 .sgncdetail_ctl_box_icon_img2 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/emailicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc9 .sgncdetail_ctl_box_icon_img3 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/wapicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc9 .sgncdetail_ctl_box_icon_img4 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/webicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc9 .sgncdetail_ctl_box_icon_img5 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/callicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc9 .sgncdetail_ctl_box_icon_img6 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/mobileicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc9 .sgncdetail_ctl_box_icon_img7 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/faxicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
  .sgncc9 .sgncdetail_wap_med_icon_img1 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/fbwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc9 .sgncdetail_wap_med_icon_img2 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/instawhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc9 .sgncdetail_wap_med_icon_img3 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/lnwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc9 .sgncdetail_wap_med_icon_img4 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/youwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }

.sgncc9 .sgncgallery {
  background-color: #704f24;
  color: #fff; }

.sgncc9 .sgncabout {
  color: #000;
  border: 0.8rem solid #704f24; }

.sgncc9 .sgncvideo {
  border: 0.8rem solid #704f24; }

.sgncc9 .sgncmap {
  border: 0.8rem solid #704f24; }

.sgncc9 .sgncenq {
  border: 0.8rem solid #704f24; }

.sgncc9 .sgncfooter {
  background-color: #704f24; }

.sgncc10 .sgncpro {
  display: flex;
  background-color: #fff;
  border: 0.8rem solid #00adef; }
  .sgncc10 .sgncpro_name {
    color: #000; }
  .sgncc10 .sgncpro_dec {
    color: #000; }
  .sgncc10 .sgncpro_company {
    color: #000; }
  .sgncc10 .sgncpro_add {
    color: #000; }
  .sgncc10 .sgncpro_title {
    color: #000; }
  .sgncc10 .sgncpro_box_item_text {
    color: #000; }
  .sgncc10 .sgncpro_box_item_img1 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/call10.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc10 .sgncpro_box_item_img2 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/what10.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc10 .sgncpro_box_item_img3 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/loc10.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc10 .sgncpro_box_item_img4 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/email10.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }

.sgncc10 .sgncdetail {
  background-color: #00adef; }
  .sgncc10 .sgncdetail_ctl_box {
    color: #fff; }
    .sgncc10 .sgncdetail_ctl_box_icon_img1 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/locationicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc10 .sgncdetail_ctl_box_icon_img2 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/emailicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc10 .sgncdetail_ctl_box_icon_img3 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/wapicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc10 .sgncdetail_ctl_box_icon_img4 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/webicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc10 .sgncdetail_ctl_box_icon_img5 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/callicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc10 .sgncdetail_ctl_box_icon_img6 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/mobileicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc10 .sgncdetail_ctl_box_icon_img7 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/faxicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
  .sgncc10 .sgncdetail_wap_med_icon_img1 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/fbwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc10 .sgncdetail_wap_med_icon_img2 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/instawhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc10 .sgncdetail_wap_med_icon_img3 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/lnwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc10 .sgncdetail_wap_med_icon_img4 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/youwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }

.sgncc10 .sgncgallery {
  background-color: #00adef;
  color: #fff; }

.sgncc10 .sgncabout {
  color: #000;
  border: 0.8rem solid #00adef; }

.sgncc10 .sgncvideo {
  border: 0.8rem solid #00adef; }

.sgncc10 .sgncmap {
  border: 0.8rem solid #00adef; }

.sgncc10 .sgncenq {
  border: 0.8rem solid #00adef; }

.sgncc10 .sgncfooter {
  background-color: #00adef; }

.sgncc11 .sgncpro {
  display: flex;
  background-color: #fff;
  border: 0.8rem solid #d51f48; }
  .sgncc11 .sgncpro_name {
    color: #000; }
  .sgncc11 .sgncpro_dec {
    color: #000; }
  .sgncc11 .sgncpro_company {
    color: #000; }
  .sgncc11 .sgncpro_add {
    color: #000; }
  .sgncc11 .sgncpro_title {
    color: #000; }
  .sgncc11 .sgncpro_box_item_text {
    color: #000; }
  .sgncc11 .sgncpro_box_item_img1 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/call11.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc11 .sgncpro_box_item_img2 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/what11.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc11 .sgncpro_box_item_img3 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/loc11.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .sgncc11 .sgncpro_box_item_img4 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/email11.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }

.sgncc11 .sgncdetail {
  background-color: #d51f48; }
  .sgncc11 .sgncdetail_ctl_box {
    color: #fff; }
    .sgncc11 .sgncdetail_ctl_box_icon_img1 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/locationicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc11 .sgncdetail_ctl_box_icon_img2 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/emailicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc11 .sgncdetail_ctl_box_icon_img3 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/wapicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc11 .sgncdetail_ctl_box_icon_img4 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/webicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc11 .sgncdetail_ctl_box_icon_img5 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/callicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc11 .sgncdetail_ctl_box_icon_img6 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/mobileicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .sgncc11 .sgncdetail_ctl_box_icon_img7 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/faxicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
  .sgncc11 .sgncdetail_wap_med_icon_img1 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/fbwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc11 .sgncdetail_wap_med_icon_img2 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/instawhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc11 .sgncdetail_wap_med_icon_img3 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/lnwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .sgncc11 .sgncdetail_wap_med_icon_img4 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/youwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }

.sgncc11 .sgncgallery {
  background-color: #d51f48;
  color: #fff; }

.sgncc11 .sgncabout {
  color: #000;
  border: 0.8rem solid #d51f48; }

.sgncc11 .sgncvideo {
  border: 0.8rem solid #d51f48; }

.sgncc11 .sgncmap {
  border: 0.8rem solid #d51f48; }

.sgncc11 .sgncenq {
  border: 0.8rem solid #d51f48; }

.sgncc11 .sgncfooter {
  background-color: #d51f48; }

.augc2 .augpro {
  display: flex; }
  .augc2 .augpro_name {
    color: #000; }
  .augc2 .augpro_dec {
    color: #000; }
  .augc2 .augpro_dec1 {
    color: #000; }
  .augc2 .augpro_company {
    color: #000; }
  .augc2 .augpro_add {
    color: #000; }
  .augc2 .augpro_title {
    color: #000; }
  .augc2 .augpro_box_item_text {
    color: #009cde; }
  .augc2 .augpro_box_item_img1 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/augment/icon/call1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .augc2 .augpro_box_item_img2 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/augment/icon/what1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .augc2 .augpro_box_item_img3 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/augment/icon/loc1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .augc2 .augpro_box_item_img4 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/augment/icon/email1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }

.augc2 .augdetail {
  background-color: #009cde; }
  .augc2 .augdetail_ctl_box {
    color: #fff; }
    .augc2 .augdetail_ctl_box_icon_img1 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/augment/icon/locationicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .augc2 .augdetail_ctl_box_icon_img2 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/augment/icon/emailicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .augc2 .augdetail_ctl_box_icon_img3 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/augment/icon/wapicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .augc2 .augdetail_ctl_box_icon_img4 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/augment/icon/webicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .augc2 .augdetail_ctl_box_icon_img5 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/augment/icon/callicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .augc2 .augdetail_ctl_box_icon_img6 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/augment/icon/mobileicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .augc2 .augdetail_ctl_box_icon_img7 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/augment/icon/faxicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
  .augc2 .augdetail_wap_med_icon_img1 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/fbwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .augc2 .augdetail_wap_med_icon_img2 {
    display: none;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/instawhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .augc2 .augdetail_wap_med_icon_img3 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/lnwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .augc2 .augdetail_wap_med_icon_img4 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/youwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }

.augc2 .augabout {
  border: 0.8rem solid #009cde; }

.augc2 .augback {
  background-color: #009cde; }

.augc2 .augfooter_link {
  color: #009cde; }

.llc1 .llhead {
  background-color: #115c36; }

.llc1 .llbox1 {
  display: flex; }
  .llc1 .llbox1_cont {
    background-color: #fff; }
    .llc1 .llbox1_cont_1_pro {
      border: 0.5rem solid #fff; }
    .llc1 .llbox1_cont_2_box2_item_text {
      color: #115c36; }
    .llc1 .llbox1_cont_2_box2_item_img1 {
      display: flex;
      width: 5rem;
      height: 5rem;
      background-image: url(../img/cards/lifelong/icon/call1.png);
      background-size: 5rem 5rem;
      background-repeat: no-repeat; }
    .llc1 .llbox1_cont_2_box2_item_img2 {
      display: flex;
      width: 5rem;
      height: 5rem;
      background-image: url(../img/cards/lifelong/icon/what1.png);
      background-size: 5rem 5rem;
      background-repeat: no-repeat; }
    .llc1 .llbox1_cont_2_box2_item_img3 {
      display: flex;
      width: 5rem;
      height: 5rem;
      background-image: url(../img/cards/lifelong/icon/loc1.png);
      background-size: 5rem 5rem;
      background-repeat: no-repeat; }
    .llc1 .llbox1_cont_2_box2_item_img4 {
      display: flex;
      width: 5rem;
      height: 5rem;
      background-image: url(../img/cards/lifelong/icon/email1.png);
      background-size: 5rem 5rem;
      background-repeat: no-repeat; }

.llc1 .llbox2 {
  background-color: #115c36; }

.llc1 .llpro {
  display: flex;
  background-color: #115c36; }
  .llc1 .llpro_cont {
    background-color: #fff; }
    .llc1 .llpro_cont_pro {
      border: 0.5rem solid #fff; }
    .llc1 .llpro_cont_name {
      color: #000; }
    .llc1 .llpro_cont_dec {
      color: #000; }

.llc1 .lldetail {
  background-color: #115c36; }
  .llc1 .lldetail_ctl {
    background-color: #fff; }
    .llc1 .lldetail_ctl_box {
      color: #fff; }
      .llc1 .lldetail_ctl_box_icon_img1 {
        display: flex;
        width: 5rem;
        height: 4.2rem;
        background-image: url(../img/cards/lifelong/icon/locationicon.png);
        background-size: 5rem 4.2rem;
        background-repeat: no-repeat; }
      .llc1 .lldetail_ctl_box_icon_img2 {
        display: flex;
        width: 5rem;
        height: 4.2rem;
        background-image: url(../img/cards/lifelong/icon/emailicon.png);
        background-size: 5rem 4.2rem;
        background-repeat: no-repeat; }
      .llc1 .lldetail_ctl_box_icon_img3 {
        display: flex;
        width: 5rem;
        height: 4.2rem;
        background-image: url(../img/cards/lifelong/icon/wapicon.png);
        background-size: 5rem 4.2rem;
        background-repeat: no-repeat; }
      .llc1 .lldetail_ctl_box_icon_img4 {
        display: flex;
        width: 5rem;
        height: 4.2rem;
        background-image: url(../img/cards/lifelong/icon/webicon.png);
        background-size: 5rem 4.2rem;
        background-repeat: no-repeat; }
      .llc1 .lldetail_ctl_box_icon_img5 {
        display: flex;
        width: 5rem;
        height: 4.2rem;
        background-image: url(../img/cards/lifelong/icon/callicon.png);
        background-size: 5rem 4.2rem;
        background-repeat: no-repeat; }
      .llc1 .lldetail_ctl_box_icon_img6 {
        display: flex;
        width: 5rem;
        height: 4.2rem;
        background-image: url(../img/cards/lifelong/icon/mobileicon.png);
        background-size: 5rem 4.2rem;
        background-repeat: no-repeat; }
      .llc1 .lldetail_ctl_box_icon_img7 {
        display: flex;
        width: 5rem;
        height: 4.2rem;
        background-image: url(../img/cards/lifelong/icon/faxicon.png);
        background-size: 5rem 4.2rem;
        background-repeat: no-repeat; }

.llc1 .llback {
  background-color: #115c36; }

.llc1 .llfooter {
  background-color: #f1ecec; }
  .llc1 .llfooter_link {
    color: #000; }

.memtestc1 .memtestpro {
  display: flex;
  background-color: #fff;
  border: 0.8rem solid #f44336; }
  .memtestc1 .memtestpro_name {
    color: #000; }
  .memtestc1 .memtestpro_dec {
    color: #000; }
  .memtestc1 .memtestpro_company {
    color: #000; }
  .memtestc1 .memtestpro_add {
    color: #000; }
  .memtestc1 .memtestpro_title {
    color: #000; }
  .memtestc1 .memtestpro_box_item_text {
    color: #000; }
  .memtestc1 .memtestpro_box_item_img1 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/call1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .memtestc1 .memtestpro_box_item_img2 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/what1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .memtestc1 .memtestpro_box_item_img3 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/loc1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .memtestc1 .memtestpro_box_item_img4 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/email1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }

.memtestc1 .memtestdetail {
  background-color: #f44336; }
  .memtestc1 .memtestdetail_ctl_box {
    color: #fff; }
    .memtestc1 .memtestdetail_ctl_box_icon_img1 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/locationicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .memtestc1 .memtestdetail_ctl_box_icon_img2 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/emailicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .memtestc1 .memtestdetail_ctl_box_icon_img3 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/wapicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .memtestc1 .memtestdetail_ctl_box_icon_img4 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/webicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .memtestc1 .memtestdetail_ctl_box_icon_img5 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/callicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .memtestc1 .memtestdetail_ctl_box_icon_img6 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/mobileicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .memtestc1 .memtestdetail_ctl_box_icon_img7 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/faxicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
  .memtestc1 .memtestdetail_wap_med_icon_img1 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/fbwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .memtestc1 .memtestdetail_wap_med_icon_img2 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/instawhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .memtestc1 .memtestdetail_wap_med_icon_img3 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/lnwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .memtestc1 .memtestdetail_wap_med_icon_img4 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/youwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }

.memtestc1 .memtestgallery {
  background-color: #f44336;
  color: #fff; }

.memtestc1 .memtestabout {
  color: #000;
  border: 0.8rem solid #f44336; }

.memtestc1 .memtestvideo {
  border: 0.8rem solid #f44336; }

.memtestc1 .memtestmap {
  border: 0.8rem solid #f44336; }

.memtestc1 .memtestfooter {
  background-color: #f44336; }

.memtestc2 .memtestpro {
  display: flex;
  background-color: #fff;
  border: 0.8rem solid #000080; }
  .memtestc2 .memtestpro_name {
    color: #000; }
  .memtestc2 .memtestpro_dec {
    color: #000; }
  .memtestc2 .memtestpro_company {
    color: #000; }
  .memtestc2 .memtestpro_add {
    color: #000; }
  .memtestc2 .memtestpro_title {
    color: #000; }
  .memtestc2 .memtestpro_box_item_text {
    color: #000; }
  .memtestc2 .memtestpro_box_item_img1 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/call1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .memtestc2 .memtestpro_box_item_img2 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/what1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .memtestc2 .memtestpro_box_item_img3 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/loc1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .memtestc2 .memtestpro_box_item_img4 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/email1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }

.memtestc2 .memtestdetail {
  background-color: #000080; }
  .memtestc2 .memtestdetail_ctl_box {
    color: #fff; }
    .memtestc2 .memtestdetail_ctl_box_icon_img1 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/locationicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .memtestc2 .memtestdetail_ctl_box_icon_img2 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/emailicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .memtestc2 .memtestdetail_ctl_box_icon_img3 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/wapicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .memtestc2 .memtestdetail_ctl_box_icon_img4 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/webicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .memtestc2 .memtestdetail_ctl_box_icon_img5 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/callicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .memtestc2 .memtestdetail_ctl_box_icon_img6 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/mobileicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .memtestc2 .memtestdetail_ctl_box_icon_img7 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/faxicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
  .memtestc2 .memtestdetail_wap_med_icon_img1 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/fbwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .memtestc2 .memtestdetail_wap_med_icon_img2 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/instawhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .memtestc2 .memtestdetail_wap_med_icon_img3 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/lnwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .memtestc2 .memtestdetail_wap_med_icon_img4 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/youwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }

.memtestc2 .memtestgallery {
  background-color: #000080;
  color: #fff; }

.memtestc2 .memtestabout {
  color: #000;
  border: 0.8rem solid #000080; }

.memtestc2 .memtestvideo {
  border: 0.8rem solid #000080; }

.memtestc2 .memtestmap {
  border: 0.8rem solid #000080; }

.memtestc2 .memtestfooter {
  background-color: #000080; }

.codtestc1 .codtestpro {
  display: flex;
  background-color: #fff;
  border: 0.8rem solid #f44336; }
  .codtestc1 .codtestpro_name {
    color: #000; }
  .codtestc1 .codtestpro_dec {
    color: #000; }
  .codtestc1 .codtestpro_company {
    color: #000; }
  .codtestc1 .codtestpro_add {
    color: #000; }
  .codtestc1 .codtestpro_title {
    color: #000; }
  .codtestc1 .codtestpro_box_item_text {
    color: #000; }
  .codtestc1 .codtestpro_box_item_img1 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/call1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .codtestc1 .codtestpro_box_item_img2 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/what1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .codtestc1 .codtestpro_box_item_img3 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/loc1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }
  .codtestc1 .codtestpro_box_item_img4 {
    display: flex;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/cards/sgnc/icon/email1.png);
    background-size: 5rem 5rem;
    background-repeat: no-repeat; }

.codtestc1 .codtestdetail {
  background-color: #f44336; }
  .codtestc1 .codtestdetail_ctl_box {
    color: #fff; }
    .codtestc1 .codtestdetail_ctl_box_icon_img1 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/locationicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .codtestc1 .codtestdetail_ctl_box_icon_img2 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/emailicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .codtestc1 .codtestdetail_ctl_box_icon_img3 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/wapicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .codtestc1 .codtestdetail_ctl_box_icon_img4 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/webicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .codtestc1 .codtestdetail_ctl_box_icon_img5 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/callicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .codtestc1 .codtestdetail_ctl_box_icon_img6 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/mobileicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .codtestc1 .codtestdetail_ctl_box_icon_img7 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/sgnc/icon/faxicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
  .codtestc1 .codtestdetail_wap_med_icon_img1 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/fbwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .codtestc1 .codtestdetail_wap_med_icon_img2 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/instawhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .codtestc1 .codtestdetail_wap_med_icon_img3 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/lnwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .codtestc1 .codtestdetail_wap_med_icon_img4 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/youwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }

.codtestc1 .codtestgallery {
  background-color: #f44336;
  color: #fff; }

.codtestc1 .codtestabout {
  color: #000;
  border: 0.8rem solid #f44336; }

.codtestc1 .codtestvideo {
  border: 0.8rem solid #f44336; }

.codtestc1 .codtestmap {
  border: 0.8rem solid #f44336; }

.codtestc1 .codtestfooter {
  background-color: #f44336; }

.aegc1 .aegpro {
  display: flex;
  border-bottom: 1rem solid;
  border-image: linear-gradient(to left, #f44336 20%, #037e3c 80%) 1 0; }
  .aegc1 .aegpro_box {
    background-color: #fff; }
    .aegc1 .aegpro_box_name {
      color: #000; }
    .aegc1 .aegpro_box_dec {
      color: #000; }
    .aegc1 .aegpro_box_mob {
      color: #000; }
    .aegc1 .aegpro_box_email {
      color: #000; }
    .aegc1 .aegpro_box_compchin {
      color: #037e3c; }
    .aegc1 .aegpro_box_comp {
      color: #037e3c; }
    .aegc1 .aegpro_box_add {
      color: #000; }
    .aegc1 .aegpro_box_con_tel {
      color: #000;
      border-right: 0.2rem solid #000; }
    .aegc1 .aegpro_box_con_email {
      color: #000;
      border-right: 0.2rem solid #000; }
    .aegc1 .aegpro_box_con_web {
      color: #000; }
  .aegc1 .aegpro_box1_s1 {
    border-right: 0.2rem solid #000; }
    .aegc1 .aegpro_box1_s1_ser_head {
      color: #f44336; }
    .aegc1 .aegpro_box1_s1_ser_list_item {
      color: #000; }

.aegc1 .aegdetail {
  border-bottom: 1rem solid;
  border-image: linear-gradient(to left, #f44336 20%, #037e3c 80%) 1 0; }
  .aegc1 .aegdetail_ctl_box {
    color: #000; }
    .aegc1 .aegdetail_ctl_box_icon_img1 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/aegis/icon/locationicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .aegc1 .aegdetail_ctl_box_icon_img2 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/aegis/icon/emailicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .aegc1 .aegdetail_ctl_box_icon_img3 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/aegis/icon/wapicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .aegc1 .aegdetail_ctl_box_icon_img4 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/aegis/icon/webicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .aegc1 .aegdetail_ctl_box_icon_img5 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/aegis/icon/callicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
  .aegc1 .aegdetail_wap_med_icon_img1 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/fbblack.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .aegc1 .aegdetail_wap_med_icon_img2 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/instablack.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .aegc1 .aegdetail_wap_med_icon_img3 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/lnblack.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .aegc1 .aegdetail_wap_med_icon_img4 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/youblack.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }

.aegc1 .aegabout {
  color: #000;
  border-bottom: 0.2rem solid #000; }

.aegc1 .aeggallery {
  color: #000;
  border-bottom: 0.2rem solid #000; }

.aegc1 .aegvideo {
  color: #000;
  border-bottom: 0.2rem solid #000; }

.aegc1 .aegfooter {
  background-color: #000; }

.toyotac1 .toyotapro {
  display: flex; }
  .toyotac1 .toyotapro_box {
    background-color: #fff; }
    .toyotac1 .toyotapro_box_namechi {
      color: #000; }
    .toyotac1 .toyotapro_box_name {
      color: #000; }
    .toyotac1 .toyotapro_box_dec {
      color: #000; }
    .toyotac1 .toyotapro_box_dec1 {
      color: #000; }
    .toyotac1 .toyotapro_box_comp {
      color: #000; }
    .toyotac1 .toyotapro_box_add {
      color: #000; }
    .toyotac1 .toyotapro_box_cont_tel {
      color: #000; }
    .toyotac1 .toyotapro_box_email {
      color: #000; }
    .toyotac1 .toyotapro_box_web {
      color: #000; }

.toyotac1 .toyotadetail {
  background-color: #eb0a1e; }
  .toyotac1 .toyotadetail_ctl_box {
    color: #fff; }
    .toyotac1 .toyotadetail_ctl_box_icon_img1 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/toyota/icon/locationicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .toyotac1 .toyotadetail_ctl_box_icon_img2 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/toyota/icon/emailicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .toyotac1 .toyotadetail_ctl_box_icon_img3 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/toyota/icon/wapicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .toyotac1 .toyotadetail_ctl_box_icon_img4 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/toyota/icon/webicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .toyotac1 .toyotadetail_ctl_box_icon_img5 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/toyota/icon/callicon.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
  .toyotac1 .toyotadetail_wap_med_icon_img1 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/fbwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .toyotac1 .toyotadetail_wap_med_icon_img2 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/instawhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .toyotac1 .toyotadetail_wap_med_icon_img3 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/lnwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .toyotac1 .toyotadetail_wap_med_icon_img4 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/youwhite.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }

.toyotac1 .toyotaabout {
  color: #000; }

.toyotac1 .toyotagallery {
  color: #000;
  border-bottom: 0.2rem solid #000; }

.toyotac1 .toyotavideo {
  color: #000;
  border-bottom: 0.2rem solid #000; }

.toyotac1 .toyotafooter {
  background-color: #eb0a1e; }

.toyotac2 .toyota1pro {
  display: flex;
  border-bottom: 0.2rem solid #000; }
  .toyotac2 .toyota1pro_box {
    background-color: #fff; }
    .toyotac2 .toyota1pro_box_namechi {
      color: #000; }
    .toyotac2 .toyota1pro_box_name {
      color: #000; }
    .toyotac2 .toyota1pro_box_dec {
      color: #000; }
    .toyotac2 .toyota1pro_box_dec1 {
      color: #000; }
    .toyotac2 .toyota1pro_box_comp {
      color: #000; }
    .toyotac2 .toyota1pro_box_add {
      color: #000; }
    .toyotac2 .toyota1pro_box_cont_tel {
      color: #000; }
    .toyotac2 .toyota1pro_box_email {
      color: #000; }
    .toyotac2 .toyota1pro_box_web {
      color: #000; }

.toyotac2 .toyota1detail {
  background-color: #fff;
  border-bottom: 0.2rem solid #000; }
  .toyotac2 .toyota1detail_ctl_box {
    color: #000; }
    .toyotac2 .toyota1detail_ctl_box_icon_img1 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/toyota/icon/locationicon1.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .toyotac2 .toyota1detail_ctl_box_icon_img2 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/toyota/icon/emailicon1.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .toyotac2 .toyota1detail_ctl_box_icon_img3 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/toyota/icon/wapicon1.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .toyotac2 .toyota1detail_ctl_box_icon_img4 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/toyota/icon/webicon1.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
    .toyotac2 .toyota1detail_ctl_box_icon_img5 {
      display: flex;
      width: 5rem;
      height: 4.2rem;
      background-image: url(../img/cards/toyota/icon/callicon1.png);
      background-size: 5rem 4.2rem;
      background-repeat: no-repeat; }
  .toyotac2 .toyota1detail_wap_med_icon_img1 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/fbblack.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .toyotac2 .toyota1detail_wap_med_icon_img2 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/instablack.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .toyotac2 .toyota1detail_wap_med_icon_img3 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/lnblack.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }
  .toyotac2 .toyota1detail_wap_med_icon_img4 {
    display: flex;
    width: 4.2rem;
    height: 4.2rem;
    background-image: url(../img/icon/youblack.png);
    background-size: 4.2rem 4.2rem;
    background-repeat: no-repeat; }

.toyotac2 .toyota1about {
  color: #000;
  border-bottom: 0.2rem solid #000; }

.toyotac2 .toyota1gallery {
  color: #000;
  border-bottom: 0.2rem solid #000; }

.toyotac2 .toyota1video {
  color: #000;
  border-bottom: 0.2rem solid #000; }

.toyotac2 .toyota1footer {
  background-color: #000; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.cardcont1 {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: var(--cardfont1);
  color: #002060;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.secpro1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
  background-image: url(../img/cards/card1/ipicardbackground.png);
  background-position: bottom;
  background-repeat: no-repeat; }
  .secpro1_box {
    display: flex;
    margin: 1.5rem; }
    .secpro1_box_1 {
      display: flex;
      width: 74%;
      flex-direction: column; }
      .secpro1_box_1_box {
        display: flex;
        width: 100%;
        margin-bottom: 2rem; }
        .secpro1_box_1_box_pro {
          display: flex;
          width: 14rem;
          align-items: center; }
          .secpro1_box_1_box_pro_img {
            display: flex;
            width: 12rem; }
        .secpro1_box_1_box_con {
          display: flex;
          flex-direction: column;
          flex: 1;
          justify-content: flex-end; }
          .secpro1_box_1_box_con h3 {
            display: flex;
            font-size: 2rem;
            font-weight: 700;
            color: #007bc4; }
          .secpro1_box_1_box_con p {
            display: flex;
            font-size: 1.2rem; }
      .secpro1_box_1_dat {
        display: flex;
        flex-direction: column; }
        .secpro1_box_1_dat h2 {
          font-size: 1.4rem;
          font-weight: 700;
          color: #007bc4;
          margin-bottom: 0.5rem; }
        .secpro1_box_1_dat_add {
          display: flex;
          font-size: 1.4rem;
          margin-bottom: 0.5rem; }
        .secpro1_box_1_dat_tel {
          display: flex;
          font-size: 1.4rem;
          font-weight: 700;
          text-decoration: none;
          color: #002060;
          margin-bottom: 0.5rem; }
          .secpro1_box_1_dat_tel span {
            font-weight: 500; }
        .secpro1_box_1_dat_mail {
          display: flex;
          font-size: 1.4rem;
          font-weight: 700;
          text-decoration: none;
          color: #002060;
          margin-bottom: 0.5rem; }
          .secpro1_box_1_dat_mail span {
            font-weight: 500; }
    .secpro1_box_2 {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .secpro1_box_2_logo {
        display: flex;
        width: 12rem;
        align-items: center;
        justify-content: center;
        margin-bottom: 1.5rem;
        align-items: center; }
        .secpro1_box_2_logo_img {
          display: flex;
          width: 10rem; }
      .secpro1_box_2_qrcode {
        display: flex;
        margin-top: 2rem;
        width: 10rem; }
  .secpro1_box1 {
    display: flex;
    margin: 1.5rem;
    justify-content: space-between;
    align-items: center; }
    .secpro1_box1_links {
      display: flex;
      flex-direction: column;
      width: 52%; }
      .secpro1_box1_links_web {
        display: flex;
        font-size: 2.5rem;
        font-weight: 700;
        color: #007bc4;
        text-decoration: none; }
    .secpro1_box1_logos {
      display: flex;
      align-items: center; }
      .secpro1_box1_logos_img {
        display: flex;
        width: 10rem;
        margin: 0.5rem; }

.secdetail1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0;
  background-color: #00b2d0; }
  .secdetail1_logo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .secdetail1_logo_img {
      display: flex;
      width: 10rem;
      margin: 3rem 0; }
  .secdetail1_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .secdetail1_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none;
      color: #fff; }
      .secdetail1_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center; }
        .secdetail1_ctl_box_icon_img {
          display: flex;
          width: 5rem; }
  .secdetail1_main {
    display: flex;
    width: 100%; }
  .secdetail1_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .secdetail1_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .secdetail1_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .secdetail1_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none; }
      .secdetail1_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #11e223;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .secdetail1_wap_box {
      display: flex;
      margin: 0.5rem 4.5rem; }
      .secdetail1_wap_box_link {
        display: flex;
        width: 15rem;
        justify-content: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        background-color: #fd9800;
        color: #fff;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
        .secdetail1_wap_box_link:nth-child(2) {
          background-color: #f44336; }
    .secdetail1_wap_med {
      display: flex;
      width: 100%;
      justify-content: flex-end;
      padding: 1rem 5rem;
      align-items: center; }
      .secdetail1_wap_med_icon {
        display: flex;
        margin: 0.5rem;
        align-items: center; }
        .secdetail1_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }

.secabout1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #fff; }
  .secabout1_title {
    display: flex;
    justify-content: center;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .secabout1_box {
    display: flex;
    width: 100%;
    margin: 0.2rem 0;
    font-size: 1.5rem; }
    .secabout1_box_1 {
      display: flex;
      flex: 0 0 38%; }
    .secabout1_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .secabout1_box_3 {
      display: flex;
      flex: 1; }
  .secabout1_text {
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 2rem 0; }

.secback1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0;
  background-color: #00b2d0; }
  .secback1_logo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .secback1_logo_img {
      display: flex;
      width: 10rem;
      margin: 3rem 0; }
  .secback1_box {
    display: flex;
    flex-direction: column;
    font-size: 1.5rem;
    font-weight: 600;
    font-family: 'centrygoche';
    color: #fff;
    margin-left: 6rem;
    margin-bottom: 2rem;
    line-height: 2.5rem; }
    .secback1_box_list {
      list-style-type: disc; }
      .secback1_box_list_sub {
        display: flex;
        flex-direction: column;
        margin-left: 2rem;
        list-style-type: disc; }

.secfooter1 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0;
  font-size: 1.2rem; }
  .secfooter1_link {
    display: flex;
    font-weight: 700;
    align-items: center;
    text-decoration: none; }
    .secfooter1_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #686666;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.cardcont2 {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: var(--cardfont1);
  color: #002060;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.secpro2 {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
  background-image: url(../img/cards/card1/ipicardbackground.png);
  background-position: bottom;
  background-repeat: no-repeat; }
  .secpro2_box {
    display: flex;
    margin: 1.5rem; }
    .secpro2_box_1 {
      display: flex;
      width: 100%;
      flex-direction: column;
      position: relative; }
      .secpro2_box_1_box {
        display: flex;
        width: 100%;
        margin-bottom: 2rem; }
        .secpro2_box_1_box_pro {
          display: flex;
          width: 14rem;
          align-items: center; }
          .secpro2_box_1_box_pro_img {
            display: flex;
            width: 12rem; }
        .secpro2_box_1_box_con {
          display: flex;
          flex-direction: column;
          flex: 1;
          justify-content: space-between; }
          .secpro2_box_1_box_con_logo {
            display: flex;
            width: 100%;
            justify-content: flex-end;
            align-items: center; }
            .secpro2_box_1_box_con_logo_img {
              display: flex;
              width: 20rem; }
          .secpro2_box_1_box_con_det {
            display: flex;
            flex-direction: column;
            width: 100%; }
            .secpro2_box_1_box_con_det h3 {
              display: flex;
              font-size: 2rem;
              font-weight: 700;
              color: #007bc4; }
            .secpro2_box_1_box_con_det p {
              display: flex;
              font-size: 1.2rem; }
      .secpro2_box_1_dat {
        display: flex;
        flex-direction: column;
        margin-top: 1rem; }
        .secpro2_box_1_dat h2 {
          font-size: 1.4rem;
          font-weight: 700;
          color: #007bc4;
          margin-bottom: 0.5rem; }
        .secpro2_box_1_dat_add {
          display: flex;
          font-size: 1.4rem;
          margin-bottom: 0.5rem; }
        .secpro2_box_1_dat_con {
          display: flex;
          width: 100%; }
          .secpro2_box_1_dat_con_tel {
            display: flex;
            width: 30%;
            font-size: 1.4rem;
            font-weight: 700;
            text-decoration: none;
            color: #002060;
            margin-bottom: 0.5rem; }
            .secpro2_box_1_dat_con_tel span {
              font-weight: 500; }
          .secpro2_box_1_dat_con_fax {
            display: flex;
            width: 30%;
            font-size: 1.4rem;
            font-weight: 700;
            text-decoration: none;
            color: #002060;
            margin-bottom: 0.5rem; }
            .secpro2_box_1_dat_con_fax span {
              font-weight: 500; }
        .secpro2_box_1_dat_mail {
          display: flex;
          font-size: 1.4rem;
          font-weight: 700;
          text-decoration: none;
          color: #002060;
          margin-bottom: 0.5rem; }
          .secpro2_box_1_dat_mail span {
            font-weight: 500; }
      .secpro2_box_1_qrcode {
        display: flex;
        width: 10rem;
        position: absolute;
        top: 10rem;
        right: 1rem; }
  .secpro2_box1 {
    display: flex;
    margin: 0.5rem 1.5rem;
    margin-top: -3rem;
    justify-content: space-between;
    align-items: center; }
    .secpro2_box1_links {
      display: flex;
      flex-direction: column;
      width: 50%; }
      .secpro2_box1_links_web {
        display: flex;
        font-size: 2.2rem;
        font-weight: 700;
        color: #007bc4;
        text-decoration: none; }
    .secpro2_box1_logos {
      display: flex;
      align-items: center; }
      .secpro2_box1_logos_img {
        display: flex;
        width: 10rem;
        margin: 0.5rem; }

.secdetail2 {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0;
  background-color: #00b2d0; }
  .secdetail2_logo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .secdetail2_logo_img {
      display: flex;
      width: 10rem;
      margin: 3rem 0; }
  .secdetail2_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .secdetail2_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none;
      color: #fff; }
      .secdetail2_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center; }
        .secdetail2_ctl_box_icon_img {
          display: flex;
          width: 5rem; }
  .secdetail2_main {
    display: flex;
    width: 100%; }
  .secdetail2_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .secdetail2_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .secdetail2_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .secdetail2_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none; }
      .secdetail2_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #11e223;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .secdetail2_wap_box {
      display: flex;
      margin: 0.5rem 4.5rem; }
      .secdetail2_wap_box_link {
        display: flex;
        width: 15rem;
        justify-content: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        background-color: #fd9800;
        color: #fff;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
        .secdetail2_wap_box_link:nth-child(2) {
          background-color: #f44336; }
    .secdetail2_wap_med {
      display: flex;
      width: 100%;
      justify-content: flex-end;
      padding: 1rem 5rem;
      align-items: center; }
      .secdetail2_wap_med_icon {
        display: flex;
        margin: 0.5rem;
        align-items: center; }
        .secdetail2_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }

.secabout2 {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #fff; }
  .secabout2_title {
    display: flex;
    justify-content: center;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .secabout2_box {
    display: flex;
    width: 100%;
    margin: 0.2rem 0;
    font-size: 1.5rem; }
    .secabout2_box_1 {
      display: flex;
      flex: 0 0 38%; }
    .secabout2_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .secabout2_box_3 {
      display: flex;
      flex: 1; }
  .secabout2_text {
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 2rem 0; }

.secback2 {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0;
  background-color: #00b2d0; }
  .secback2_logo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .secback2_logo_img {
      display: flex;
      width: 10rem;
      margin: 3rem 0; }
  .secback2_box {
    display: flex;
    flex-direction: column;
    font-size: 1.5rem;
    font-weight: 600;
    font-family: 'centrygoche';
    color: #fff;
    margin-left: 6rem;
    margin-bottom: 2rem;
    line-height: 2.5rem; }
    .secback2_box_list {
      list-style-type: disc; }
      .secback2_box_list_sub {
        display: flex;
        flex-direction: column;
        margin-left: 2rem;
        list-style-type: disc; }

.secfoot2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0;
  font-size: 1.2rem; }
  .secfoot2_link {
    display: flex;
    font-weight: 700;
    align-items: center;
    text-decoration: none; }
    .secfoot2_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #686666;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.cardcont3 {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: var(--cardfont1);
  color: #002060;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.aripro {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 30rem;
  padding: 1.5rem 2rem;
  border-bottom: 0.3rem solid #91b6ba;
  background-repeat: no-repeat;
  background-position: bottom; }
  @media only screen and (min-width: 20em) {
    .aripro {
      background-image: url(../img/cards/card2/arivabackground2.png); } }
  @media only screen and (min-width: 23.4em) {
    .aripro {
      background-image: url(../img/cards/card2/arivabackground1.png); } }
  @media only screen and (min-width: 26.5em) {
    .aripro {
      background-image: url(../img/cards/card2/arivabackground1.png); } }
  @media only screen and (min-width: 48em) {
    .aripro {
      background-image: url(../img/cards/card2/arivabackground.png); } }
  .aripro_box1 {
    display: flex;
    width: 100%;
    position: relative; }
    .aripro_box1_det {
      display: flex;
      flex-direction: column;
      width: 80%; }
      .aripro_box1_det_pro {
        display: none;
        width: 14rem; }
        .aripro_box1_det_pro_img {
          display: flex;
          width: 12rem; }
      .aripro_box1_det_name {
        display: flex;
        font-size: 2.2rem;
        font-family: 800;
        margin-top: 2rem;
        margin-bottom: 0.5rem; }
      .aripro_box1_det_text {
        display: flex;
        font-size: 1.5rem;
        font-family: 700;
        margin-bottom: 0.5rem; }
    .aripro_box1_logo {
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 1rem;
      right: 0.5rem; }
      .aripro_box1_logo_img {
        display: flex;
        width: 20rem; }
    .aripro_box1_qr {
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 12rem;
      right: 4.5rem; }
      .aripro_box1_qr_img {
        display: flex;
        width: 10rem; }
  .aripro_box2 {
    display: none;
    width: 100%;
    justify-content: center; }
    .aripro_box2_con {
      display: flex;
      width: 70%;
      flex-direction: column; }
      .aripro_box2_con_link {
        display: flex;
        width: 25rem;
        align-items: center;
        margin: 0.2rem 0;
        font-size: 1.5rem;
        font-weight: 700;
        text-decoration: none; }
        .aripro_box2_con_link_icon {
          display: flex;
          width: 3.5rem;
          margin: 0.2rem 0.3rem; }

.aridet {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1.5rem 2rem; }
  .aridet_box {
    display: none;
    width: 80%;
    margin: 1rem auto; }
    .aridet_box_1 {
      display: flex;
      flex: 0 0 50%;
      justify-content: center;
      align-items: center; }
      .aridet_box_1_img {
        display: flex;
        width: 14rem; }
      .aridet_box_1:nth-child(1) {
        border-right: 0.2rem solid #003764; }
  .aridet_box1 {
    display: flex;
    width: 80%;
    margin: 1.5rem auto;
    background-color: #003764;
    height: 0.2rem; }
  .aridet_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem; }
    .aridet_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none;
      color: #003764; }
      .aridet_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center; }
        .aridet_ctl_box_icon_img {
          display: flex;
          width: 5rem; }
  .aridet_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .aridet_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .aridet_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .aridet_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none;
        color: #fff;
		text-align: center;
        background-color: #91b6ba; }
      .aridet_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #3b32ec; }
    .aridet_wap_box {
      display: flex;
      margin: 0.5rem 4.5rem; }
      .aridet_wap_box_link {
        display: flex;
        width: 15rem;
        justify-content: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        background-color: #fff;
        color: #002060;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .aridet_wap_med {
      display: flex;
      width: 100%;
      justify-content: flex-end;
      align-items: center;
      padding: 1rem 5rem; }
      .aridet_wap_med_icon {
        display: flex;
        margin: 0.5rem; }
        .aridet_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }
    .aridet_wap_box1 {
      display: flex;
      width: 80%;
      margin: 1.5rem auto;
      background-color: #003764;
      height: 0.2rem; }
    .aridet_wap_det {
      display: flex;
      width: 80%;
      margin: 1rem auto; }
      .aridet_wap_det_1 {
        display: flex;
        flex: 0 0 50%;
        justify-content: center;
        align-items: center; }
        .aridet_wap_det_1_img {
          display: flex;
          width: 14rem; }
        .aridet_wap_det_1:nth-child(1) {
          border-right: 0.2rem solid #003764; }
    .aridet_wap_dat {
      display: flex;
      width: 65%;
      margin: 1rem auto;
      flex-direction: column;
      align-items: center; }
      .aridet_wap_dat_com {
        display: flex;
        font-size: 1.6rem;
        font-weight: 700;
        margin-bottom: 0.5rem; }
      .aridet_wap_dat_add {
        display: flex;
        font-size: 1.8rem;
        text-align: center; }
      .aridet_wap_dat_web {
        display: flex;
        font-size: 1.4rem;
        font-weight: 700; }

.ariabout {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #91b6ba;
  color: #fff; }
  .ariabout_title {
    display: flex;
    justify-content: center;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .ariabout_box {
    display: flex;
    width: 100%;
    margin: 0.2rem 0;
    font-size: 1.5rem; }
    .ariabout_box_1 {
      display: flex;
      flex: 0 0 38%; }
    .ariabout_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .ariabout_box_3 {
      display: flex;
      flex: 1; }
  .ariabout_text {
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 2rem 0; }

.arifooter {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0;
  font-size: 1.2rem; }
  .arifooter_link {
    display: flex;
    font-weight: 700;
    align-items: center;
    text-decoration: none; }
    .arifooter_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #686666;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.cardcont4 {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: var(--cardfont1);
  color: #002060;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.mwcpro {
  display: flex;
  width: 100%; }
  .mwcpro_box1 {
    display: flex;
    flex: 0 0 40%;
    position: relative;
    justify-content: center;
    align-items: center; }
    .mwcpro_box1_img {
      display: flex;
      width: 18rem; }
    .mwcpro_box1_con {
      display: flex;
      flex-direction: column;
      position: absolute;
      top: 5rem;
      right: 1.5rem;
      width: 15rem;
      align-items: flex-end; }
      .mwcpro_box1_con_name {
        display: flex;
        font-size: 2rem;
        font-weight: 700;
        text-align: right;
        text-transform: uppercase; }
      .mwcpro_box1_con_dec {
        display: flex;
        font-size: 1.2rem;
        font-weight: 500;
        text-align: right;
        text-transform: uppercase; }
  .mwcpro_box2 {
    display: flex;
    flex: 1;
    margin: 0;
    color: #fff;
    align-items: center;
    background-color: #097aac; }
    .mwcpro_box2_con {
      display: flex;
      flex: 1;
      flex-direction: column;
      padding: 2rem; }
      .mwcpro_box2_con_item {
        display: flex;
        flex-direction: column;
        margin: 0.5rem 0;
        border-left: 0.2rem solid #fff; }
        .mwcpro_box2_con_item_list {
          display: flex;
          font-size: 1.4rem;
          margin: 0.2rem 0.5rem;
          font-weight: 600;
          text-decoration: none;
          align-items: flex-start;
          color: #fff; }
          .mwcpro_box2_con_item_list_img {
            display: flex;
            width: 2.5rem; }
          .mwcpro_box2_con_item_list p span {
            text-transform: uppercase;
            font-weight: 700; }

.mwcdet {
  display: flex;
  width: 100%;
  padding: 1rem 0; }
  .mwcdet_box1 {
    display: flex;
    flex: 0 0 40%;
    flex-direction: column;
    position: relative;
    justify-content: center;
    align-items: center; }
    .mwcdet_box1_pro {
      display: flex;
      width: 10rem;
      margin: 0.5rem; }
    .mwcdet_box1_qr {
      display: flex;
      width: 10rem;
      margin: 0.5rem; }
    .mwcdet_box1_count {
      display: flex;
      margin: 0.5rem 0;
      font-size: 1.5rem;
      font-weight: 700; }
  .mwcdet_box2 {
    display: flex;
    flex: 1;
    align-items: center; }
    .mwcdet_box2_con {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .mwcdet_box2_con_text {
        display: flex;
        font-size: 1rem;
        font-weight: 700;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem; }
      .mwcdet_box2_con_text2 {
        display: flex;
        font-size: 1.3rem;
        font-weight: 600;
        margin-bottom: 0.5rem; }
      .mwcdet_box2_con_title {
        display: flex;
        font-size: 1.5rem;
        font-weight: 700;
        margin-bottom: 0.5rem; }
      .mwcdet_box2_con_link {
        display: flex;
        width: 100%;
        text-decoration: none;
        font-size: 1.5rem;
        font-weight: 700;
        margin: 0.5rem 0;
        padding: 1.2rem 1rem;
        color: #fff;
        background-color: #ee2e24; }

.mwcdetail {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0;
  background-color: #097aac; }
  .mwcdetail_logo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .mwcdetail_logo_img {
      display: flex;
      width: 10rem;
      margin: 3rem 0; }
  .mwcdetail_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .mwcdetail_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none;
      color: #fff; }
      .mwcdetail_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center; }
        .mwcdetail_ctl_box_icon_img {
          display: flex;
          width: 5rem; }
  .mwcdetail_main {
    display: flex;
    width: 100%; }
  .mwcdetail_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .mwcdetail_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .mwcdetail_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .mwcdetail_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none; }
      .mwcdetail_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #3b32ec; }
    .mwcdetail_wap_box {
      display: flex;
      margin: 0.5rem 4.5rem; }
      .mwcdetail_wap_box_link {
        display: flex;
        width: 15rem;
        justify-content: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        background-color: #fff;
        color: #002060;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .mwcdetail_wap_med {
      display: flex;
      width: 100%;
      justify-content: flex-end;
      align-items: center;
      padding: 1rem 5rem; }
      .mwcdetail_wap_med_icon {
        display: flex;
        margin: 0.5rem; }
        .mwcdetail_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }

.mwcabout {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #fff;
  border-bottom: 0.2rem solid #097aac; }
  .mwcabout_title {
    display: flex;
    justify-content: center;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .mwcabout_box {
    display: flex;
    width: 100%;
    margin: 0.2rem 0;
    font-size: 1.5rem; }
    .mwcabout_box_1 {
      display: flex;
      flex: 0 0 38%; }
    .mwcabout_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .mwcabout_box_3 {
      display: flex;
      flex: 1; }
  .mwcabout_text {
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 2rem 0; }

.mwcfooter {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0;
  font-size: 1.2rem; }
  .mwcfooter_link {
    display: flex;
    font-weight: 700;
    align-items: center;
    text-decoration: none; }
    .mwcfooter_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #686666;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.mcard1 {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: var(--cardfont1);
  color: #002060;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.card1pro {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  background-image: url(../img/cards/mcard1/ipicardbackground.png);
  background-position: bottom;
  background-repeat: no-repeat; }
  .card1pro_logo {
    display: flex;
    width: 12rem;
    margin-top: 4rem;
    margin-bottom: 2rem; }
  .card1pro_pro {
    display: flex;
    width: 15rem;
    margin-top: 1rem;
    margin-bottom: 2rem; }
  .card1pro_name {
    display: flex;
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 0.5rem; }
  .card1pro_dec {
    display: flex;
    font-size: 1.6rem;
    margin-bottom: 0.5rem; }
  .card1pro_dec1 {
    display: flex;
    font-size: 1.6rem;
    margin-bottom: 0.5rem; }
  .card1pro_company {
    display: flex;
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
    padding: 0 1rem;
    text-align: center;
    font-weight: 700; }
  .card1pro_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 700;
    margin-top: 3rem;
    margin-bottom: 1rem; }
  .card1pro_box {
    display: flex;
    flex: 0 0 80%; }
    .card1pro_box_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 1rem;
      text-decoration: none; }
      .card1pro_box_item_img {
        display: flex;
        width: 5rem; }
      .card1pro_box_item_text {
        display: flex;
        font-size: 1.5rem;
        font-weight: 700; }
  .card1pro_qr {
    display: flex;
    width: 12rem;
    margin: 1rem auto; }
  .card1pro_custlogo {
    display: flex;
    padding: 1rem;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .card1pro_custlogo_img {
      display: flex;
      width: 10rem;
      margin: 1rem; }

.card1detail {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0; }
  .card1detail_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .card1detail_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none; }
      .card1detail_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center;
        outline: none; }
        .card1detail_ctl_box_icon_img {
          display: flex;
          width: 5rem; }
  .card1detail_main {
    display: flex;
    width: 100%; }
  .card1detail_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .card1detail_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .card1detail_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .card1detail_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none; }
      .card1detail_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #11e223;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .card1detail_wap_box {
      display: flex;
      margin: 0.5rem 3.5rem;
      justify-content: center; }
      .card1detail_wap_box_link {
        display: flex;
        width: 17rem;
        text-align: center;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        background-color: #fd9800;
        color: #fff;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
        .card1detail_wap_box_link:nth-child(2) {
          background-color: #f44336; }
    .card1detail_wap_med {
      display: flex;
      width: 100%;
      justify-content: center;
      padding: 1rem 5rem;
      align-items: center; }
      .card1detail_wap_med_icon {
        display: flex;
        margin: 0.5rem;
        text-decoration: none;
        align-items: center; }
        .card1detail_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }

.card1about {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #fff; }
  .card1about_title {
    display: flex;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .card1about_box {
    display: flex;
    width: 100%;
    margin: 0.5rem 0;
    font-size: 1.5rem; }
    .card1about_box_1 {
      display: flex;
      flex: 0 0 38%; }
    .card1about_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .card1about_box_3 {
      display: flex;
      flex: 1; }
  .card1about_text {
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 2rem 0; }

.card1back {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0; }
  .card1back_logo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .card1back_logo_img {
      display: flex;
      width: 10rem;
      margin: 3rem 0; }
  .card1back_box {
    display: flex;
    flex-direction: column;
    font-size: 1.5rem;
    font-weight: 600;
    font-family: 'centrygoche';
    color: #fff;
    margin-left: 6rem;
    margin-bottom: 2rem;
    line-height: 2.5rem; }
    .card1back_box_list {
      list-style-type: disc; }
      .card1back_box_list_sub {
        display: flex;
        flex-direction: column;
        margin-left: 2rem;
        list-style-type: disc; }

.card1footer1 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0;
  font-size: 1.2rem; }
  .card1footer1_link {
    display: flex;
    font-weight: 700;
    align-items: center;
    text-decoration: none; }
    .card1footer1_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #686666;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.mcard2 {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: var(--cardfont1);
  color: #002060;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.card2pro {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  background-image: url(../img/cards/mcard1/ipicardbackground.png);
  background-position: bottom;
  background-repeat: no-repeat; }
  .card2pro_logo {
    display: flex;
    width: 18rem;
    margin-top: 3rem;
    margin-bottom: 2rem; }
  .card2pro_pro {
    display: flex;
    width: 15rem;
    margin-top: 1rem;
    margin-bottom: 2rem; }
  .card2pro_name {
    display: flex;
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 0.5rem; }
  .card2pro_dec {
    display: flex;
    font-size: 1.6rem;
    margin-bottom: 0.5rem; }
  .card2pro_dec1 {
    display: flex;
    font-size: 1.6rem;
    margin-bottom: 0.5rem; }
  .card2pro_company {
    display: flex;
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
    padding: 0 1rem;
    text-align: center;
    font-weight: 700; }
  .card2pro_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 700;
    margin-top: 3rem;
    margin-bottom: 1rem; }
  .card2pro_box {
    display: flex;
    flex: 0 0 80%; }
    .card2pro_box_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 1rem;
      text-decoration: none; }
      .card2pro_box_item_img {
        display: flex;
        width: 5rem; }
      .card2pro_box_item_text {
        display: flex;
        font-size: 1.5rem;
        font-weight: 700;
        color: #91b6ba; }
  .card2pro_qr {
    display: flex;
    width: 12rem;
    margin: 2rem auto; }
  .card2pro_custlogo {
    display: flex;
    padding: 1rem;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .card2pro_custlogo_img {
      display: flex;
      width: 10rem;
      margin: 1rem; }

.card2detail {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0;
  background-color: #00b2d0; }
  .card2detail_logo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .card2detail_logo_img {
      display: flex;
      width: 10rem;
      margin: 3rem 0; }
  .card2detail_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .card2detail_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none;
      color: #fff; }
      .card2detail_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center; }
        .card2detail_ctl_box_icon_img {
          display: flex;
          width: 5rem; }
  .card2detail_main {
    display: flex;
    width: 100%; }
  .card2detail_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .card2detail_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .card2detail_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .card2detail_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none; }
      .card2detail_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #11e223;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .card2detail_wap_box {
      display: flex;
      justify-content: center;
      margin: 0.5rem 3.5rem; }
      .card2detail_wap_box_link {
        display: flex;
        width: 17rem;
        text-align: center;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        background-color: #fd9800;
        color: #fff;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
        .card2detail_wap_box_link:nth-child(2) {
          background-color: #f44336; }
    .card2detail_wap_med {
      display: flex;
      width: 100%;
      justify-content: center;
      padding: 1rem 5rem;
      align-items: center; }
      .card2detail_wap_med_icon {
        display: flex;
        margin: 0.5rem;
        align-items: center; }
        .card2detail_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }

.card2about {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #fff;
  border: 0.8rem solid #00b2d0; }
  .card2about_title {
    display: flex;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .card2about_box {
    display: flex;
    width: 100%;
    margin: 0.5rem 0;
    font-size: 1.5rem; }
    .card2about_box_1 {
      display: flex;
      flex: 0 0 38%; }
    .card2about_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .card2about_box_3 {
      display: flex;
      flex: 1; }
  .card2about_text {
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 2rem 0; }

.card2back {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0;
  background-color: #00b2d0; }
  .card2back_logo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .card2back_logo_img {
      display: flex;
      width: 10rem;
      margin: 3rem 0; }
  .card2back_box {
    display: flex;
    flex-direction: column;
    font-size: 1.5rem;
    font-weight: 600;
    font-family: 'centrygoche';
    color: #fff;
    margin-left: 6rem;
    margin-bottom: 2rem;
    line-height: 2.5rem; }
    .card2back_box_list {
      list-style-type: disc;
      margin-bottom: 0.5rem; }
      .card2back_box_list_sub {
        display: flex;
        flex-direction: column;
        margin-left: 2rem;
        list-style-type: disc; }

.card2footer1 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0;
  font-size: 1.2rem; }
  .card2footer1_link {
    display: flex;
    font-weight: 700;
    align-items: center;
    text-decoration: none; }
    .card2footer1_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #686666;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.mcard3 {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: var(--cardfont1);
  color: #002060;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.card3pro {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0.8rem solid #00b2d0;
  background-image: url(../img/cards/mcard1/ipicardbackground.png);
  background-position: bottom;
  background-repeat: no-repeat; }
  .card3pro_logo {
    display: flex;
    margin: 2rem 0;
    justify-content: center;
    align-items: center; }
    .card3pro_logo_img {
      display: flex;
      height: 7rem;
      margin: 0.5rem 1rem; }
  .card3pro_pro {
    display: flex;
    width: 15rem;
    margin-top: 1rem;
    margin-bottom: 2rem; }
  .card3pro_name {
    display: flex;
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 0.5rem; }
  .card3pro_dec {
    display: flex;
    font-size: 1.6rem;
    margin-bottom: 0.5rem; }
  .card3pro_dec1 {
    display: flex;
    font-size: 1.6rem;
    margin-bottom: 0.5rem; }
  .card3pro_company {
    display: flex;
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
    padding: 0 1rem;
    text-align: center;
    font-weight: 700; }
  .card3pro_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 700;
    margin-top: 3rem;
    margin-bottom: 1rem; }
  .card3pro_box {
    display: flex;
    flex: 0 0 80%; }
    .card3pro_box_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 1rem;
      text-decoration: none; }
      .card3pro_box_item_img {
        display: flex;
        width: 5rem; }
      .card3pro_box_item_text {
        display: flex;
        font-size: 1.5rem;
        font-weight: 700;
        color: #007bc4; }
  .card3pro_qr {
    display: flex;
    width: 12rem;
    margin: 2rem auto; }
  .card3pro_custlogo {
    display: flex;
    padding: 1rem;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .card3pro_custlogo_img {
      display: flex;
      width: 10rem;
      margin: 1rem; }

.card3cow {
  display: none;
  flex-direction: column;
  width: 100%;
  margin: 0;
  border: 0.8rem solid #00b2d0; }
  .card3cow_logo {
    display: flex;
    width: 100%;
    align-items: center; }
    .card3cow_logo_img {
      display: flex;
      width: 15rem;
      margin: 0.5rem 2rem; }
  .card3cow_con {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .card3cow_con_name {
      display: flex;
      font-size: 1.8rem; }
    .card3cow_con_det {
      display: flex;
      font-size: 1.5rem; }
    .card3cow_con_mail {
      display: flex;
      font-size: 1.3rem;
      color: #002060;
      text-decoration: none; }
  .card3cow_box {
    display: flex;
    padding: 1rem;
    margin: 3rem 0;
    justify-content: space-around;
    align-items: flex-end; }
    .card3cow_box_1 {
      display: flex;
      flex-direction: column;
      flex: 0 0 50%; }
      .card3cow_box_1 h3 {
        display: flex;
        font-size: 1.4rem;
        font-weight: bold; }
      .card3cow_box_1 p {
        display: flex;
        font-size: 0.9rem;
        font-weight: bold; }
    .card3cow_box_2 {
      display: flex; }
      .card3cow_box_2_link {
        display: flex;
        font-size: 1.2rem;
        text-decoration: none;
        color: #00af3f; }

.card3detail {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0;
  background-color: #00b2d0; }
  .card3detail_logo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .card3detail_logo_img {
      display: flex;
      width: 10rem;
      margin: 3rem 0; }
  .card3detail_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .card3detail_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none;
      color: #fff; }
      .card3detail_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center;
        outline: none; }
        .card3detail_ctl_box_icon_img {
          display: flex;
          width: 5rem; }
  .card3detail_main {
    display: flex;
    width: 100%; }
  .card3detail_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .card3detail_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .card3detail_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .card3detail_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none; }
      .card3detail_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #11e223;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .card3detail_wap_box {
      display: flex;
      margin: 0.5rem 3.5rem;
      justify-content: center; }
      .card3detail_wap_box_link {
        display: flex;
        width: 17rem;
        text-align: center;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        background-color: #fd9800;
        color: #fff;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
        .card3detail_wap_box_link:nth-child(2) {
          background-color: #f44336; }
    .card3detail_wap_med {
      display: flex;
      width: 100%;
      justify-content: center;
      padding: 1rem 5rem;
      align-items: center; }
      .card3detail_wap_med_icon {
        display: flex;
        margin: 0.5rem;
        align-items: center; }
        .card3detail_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }

.card3about {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #fff;
  border: 0.8rem solid #00b2d0; }
  .card3about_title {
    display: flex;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .card3about_box {
    display: flex;
    width: 100%;
    margin: 0.5rem 0;
    font-size: 1.5rem; }
    .card3about_box_1 {
      display: flex;
      flex: 0 0 38%; }
    .card3about_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .card3about_box_3 {
      display: flex;
      flex: 1; }
  .card3about_text {
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 2rem 0; }

.card3back {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0;
  background-color: #00b2d0; }
  .card3back_logo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .card3back_logo_img {
      display: flex;
      width: 10rem;
      margin: 3rem 0; }
  .card3back_box {
    display: flex;
    flex-direction: column;
    font-size: 1.5rem;
    font-weight: 600;
    font-family: 'centrygoche';
    color: #fff;
    margin-left: 6rem;
    margin-bottom: 2rem;
    line-height: 2.5rem; }
    .card3back_box_list {
      list-style-type: disc; }
      .card3back_box_list_sub {
        display: flex;
        flex-direction: column;
        margin-left: 2rem;
        list-style-type: disc; }

.card3footer1 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0;
  font-size: 1.2rem; }
  .card3footer1_link {
    display: flex;
    font-weight: 700;
    align-items: center;
    text-decoration: none; }
    .card3footer1_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #686666;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.mcard4 {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: var(--cardfont1);
  color: #002060;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.card4pro {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0.8rem solid #00b2d0;
  background-image: url(../img/cards/mcard1/ipicardbackground.png);
  background-position: bottom;
  background-repeat: no-repeat; }
  .card4pro_logo {
    display: flex;
    width: 12rem;
    margin-top: 4rem;
    margin-bottom: 2rem; }
  .card4pro_pro {
    display: flex;
    width: 15rem;
    margin-top: 1rem;
    margin-bottom: 2rem; }
  .card4pro_name {
    display: flex;
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 0.5rem; }
  .card4pro_dec {
    display: flex;
    font-size: 1.6rem;
    margin-bottom: 0.5rem; }
  .card4pro_dec1 {
    display: flex;
    font-size: 1.6rem;
    margin-bottom: 0.5rem; }
  .card4pro_company {
    display: flex;
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
    padding: 0 1rem;
    text-align: center;
    font-weight: 700; }
  .card4pro_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 700;
    margin-top: 3rem;
    margin-bottom: 1rem; }
  .card4pro_box {
    display: flex;
    flex: 0 0 80%; }
    .card4pro_box_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 1rem;
      text-decoration: none; }
      .card4pro_box_item_img {
        display: flex;
        width: 5rem; }
      .card4pro_box_item_text {
        display: flex;
        font-size: 1.5rem;
        font-weight: 700;
        color: #007bc4; }
  .card4pro_qr {
    display: flex;
    width: 12rem;
    margin: 2rem auto; }
  .card4pro_custlogo {
    display: flex;
    padding: 1rem;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .card4pro_custlogo_img {
      display: flex;
      width: 9.5rem;
      margin: 0.5rem; }
      @media only screen and (max-width: 20em) {
        .card4pro_custlogo_img {
          width: 8.5rem; } }

.card4detail {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0;
  background-color: #00b2d0; }
  .card4detail_logo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .card4detail_logo_img {
      display: flex;
      width: 10rem;
      margin: 3rem 0; }
  .card4detail_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .card4detail_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none;
      color: #fff; }
      .card4detail_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center;
        outline: none; }
        .card4detail_ctl_box_icon_img {
          display: flex;
          width: 5rem; }
  .card4detail_main {
    display: flex;
    width: 100%; }
  .card4detail_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .card4detail_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .card4detail_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .card4detail_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none; }
      .card4detail_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #11e223;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .card4detail_wap_box {
      display: flex;
      margin: 0.5rem 3.5rem;
      justify-content: center; }
      .card4detail_wap_box_link {
        display: flex;
        width: 17rem;
        text-align: center;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        background-color: #fd9800;
        color: #fff;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
        .card4detail_wap_box_link:nth-child(2) {
          background-color: #f44336; }
    .card4detail_wap_med {
      display: flex;
      width: 100%;
      justify-content: center;
      padding: 1rem 5rem;
      align-items: center; }
      .card4detail_wap_med_icon {
        display: flex;
        margin: 0.5rem;
        align-items: center; }
        .card4detail_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }

.card4about {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #fff;
  border: 0.8rem solid #00b2d0; }
  .card4about_title {
    display: flex;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .card4about_box {
    display: flex;
    width: 100%;
    margin: 0.5rem 0;
    font-size: 1.5rem; }
    .card4about_box_1 {
      display: flex;
      flex: 0 0 38%; }
    .card4about_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .card4about_box_3 {
      display: flex;
      flex: 1; }
  .card4about_text {
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 2rem 0; }

.card4back {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0;
  background-color: #00b2d0; }
  .card4back_logo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .card4back_logo_img {
      display: flex;
      width: 10rem;
      margin: 3rem 0; }
  .card4back_box {
    display: flex;
    flex-direction: column;
    font-size: 1.5rem;
    font-weight: 600;
    font-family: 'centrygoche';
    color: #fff;
    margin-left: 6rem;
    margin-bottom: 2rem;
    line-height: 2.5rem; }
    .card4back_box_list {
      list-style-type: disc; }
      .card4back_box_list_sub {
        display: flex;
        flex-direction: column;
        margin-left: 2rem;
        list-style-type: disc; }

.card4footer1 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0;
  font-size: 1.2rem; }
  .card4footer1_link {
    display: flex;
    font-weight: 700;
    align-items: center;
    text-decoration: none; }
    .card4footer1_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #686666;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.mcard5 {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: var(--cardfont1);
  color: #002060;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.card5pro {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0.8rem solid #00b2d0;
  background-image: url(../img/cards/mcard1/ipicardbackground.png);
  background-position: bottom;
  background-repeat: no-repeat; }
  .card5pro_logo {
    display: flex;
    width: 17rem;
    margin-top: 4rem;
    margin-bottom: 2rem;
    justify-content: center;
    align-items: center; }
  .card5pro_pro {
    display: flex;
    width: 15rem;
    margin-top: 1rem;
    margin-bottom: 2rem; }
  .card5pro_name {
    display: flex;
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 0.5rem; }
  .card5pro_dec {
    display: flex;
    font-size: 1.6rem;
    margin-bottom: 0.5rem; }
  .card5pro_dec1 {
    display: flex;
    font-size: 1.6rem;
    margin-bottom: 0.5rem; }
  .card5pro_company {
    display: flex;
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
    padding: 0 1rem;
    text-align: center;
    font-weight: 700; }
  .card5pro_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 700;
    margin-top: 3rem;
    margin-bottom: 1rem; }
  .card5pro_box {
    display: flex;
    flex: 0 0 80%; }
    .card5pro_box_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 1rem;
      text-decoration: none; }
      .card5pro_box_item_img {
        display: flex;
        width: 5rem; }
      .card5pro_box_item_text {
        display: flex;
        font-size: 1.5rem;
        font-weight: 700;
        color: #007bc4; }
  .card5pro_qr {
    display: flex;
    width: 12rem;
    margin: 2rem auto; }
  .card5pro_custlogo {
    display: flex;
    padding: 1rem;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .card5pro_custlogo_img {
      display: flex;
      width: 9.5rem;
      margin: 0.5rem; }
      @media only screen and (max-width: 20em) {
        .card5pro_custlogo_img {
          width: 8.5rem; } }

.card5detail {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0;
  background-color: #00b2d0; }
  .card5detail_logo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .card5detail_logo_img {
      display: flex;
      width: 10rem;
      margin: 3rem 0; }
  .card5detail_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .card5detail_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none;
      color: #fff; }
      .card5detail_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center;
        outline: none; }
        .card5detail_ctl_box_icon_img {
          display: flex;
          width: 5rem; }
  .card5detail_main {
    display: flex;
    width: 100%; }
  .card5detail_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .card5detail_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .card5detail_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .card5detail_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none; }
      .card5detail_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #11e223;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .card5detail_wap_box {
      display: flex;
      margin: 0.5rem 3.5rem;
      justify-content: center; }
      .card5detail_wap_box_link {
        display: flex;
        width: 17rem;
        text-align: center;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        background-color: #fd9800;
        color: #fff;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
        .card5detail_wap_box_link:nth-child(2) {
          background-color: #f44336; }
    .card5detail_wap_med {
      display: flex;
      width: 100%;
      justify-content: center;
      padding: 1rem 5rem;
      align-items: center; }
      .card5detail_wap_med_icon {
        display: flex;
        margin: 0.5rem;
        align-items: center; }
        .card5detail_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }

.card5about {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #fff;
  border: 0.8rem solid #00b2d0; }
  .card5about_title {
    display: flex;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .card5about_box {
    display: flex;
    width: 100%;
    margin: 0.5rem 0;
    font-size: 1.5rem; }
    .card5about_box_1 {
      display: flex;
      flex: 0 0 38%; }
    .card5about_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .card5about_box_3 {
      display: flex;
      flex: 1; }
  .card5about_text {
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 2rem 0; }

.card5back {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0;
  background-color: #00b2d0; }
  .card5back_logo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .card5back_logo_img {
      display: flex;
      width: 10rem;
      margin: 3rem 0; }
  .card5back_box {
    display: flex;
    flex-direction: column;
    font-size: 1.5rem;
    font-weight: 600;
    font-family: 'centrygoche';
    color: #fff;
    margin-left: 6rem;
    margin-bottom: 2rem;
    line-height: 2.5rem; }
    .card5back_box_list {
      list-style-type: disc; }
      .card5back_box_list_sub {
        display: flex;
        flex-direction: column;
        margin-left: 2rem;
        list-style-type: disc; }

.card5footer1 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0;
  font-size: 1.2rem; }
  .card5footer1_link {
    display: flex;
    font-weight: 700;
    align-items: center;
    text-decoration: none; }
    .card5footer1_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #686666;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.mcard6 {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: var(--cardfont1);
  color: #002060;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.card6pro {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0.8rem solid #00b2d0;
  background-image: url(../img/cards/mcard1/ipicardbackground.png);
  background-position: bottom;
  background-repeat: no-repeat; }
  .card6pro_logo {
    display: flex;
    margin: 2rem 0;
    justify-content: center;
    align-items: center; }
    .card6pro_logo_img {
      display: flex;
      height: 7rem;
      margin: 0.5rem 1rem; }
  .card6pro_pro {
    display: flex;
    width: 15rem;
    margin-top: 1rem;
    margin-bottom: 2rem; }
  .card6pro_name {
    display: flex;
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 0.5rem; }
  .card6pro_dec {
    display: flex;
    font-size: 1.6rem;
    margin-bottom: 0.5rem; }
  .card6pro_dec1 {
    display: flex;
    font-size: 1.6rem;
    margin-bottom: 0.5rem; }
  .card6pro_company {
    display: flex;
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
    padding: 0 1rem;
    text-align: center;
    font-weight: 700; }
  .card6pro_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 700;
    margin-top: 3rem;
    margin-bottom: 1rem; }
  .card6pro_box {
    display: flex;
    flex: 0 0 80%; }
    .card6pro_box_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 1rem;
      text-decoration: none; }
      .card6pro_box_item_img {
        display: flex;
        width: 5rem; }
      .card6pro_box_item_text {
        display: flex;
        font-size: 1.5rem;
        font-weight: 700;
        color: #007bc4; }
  .card6pro_qr {
    display: flex;
    width: 12rem;
    margin: 2rem auto; }
  .card6pro_custlogo {
    display: flex;
    padding: 1rem;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .card6pro_custlogo_img {
      display: flex;
      width: 10rem;
      margin: 1rem; }

.card6cow {
  display: none;
  flex-direction: column;
  width: 100%;
  margin: 0;
  border: 0.8rem solid #00b2d0; }
  .card6cow_logo {
    display: flex;
    width: 100%;
    align-items: center; }
    .card6cow_logo_img {
      display: flex;
      width: 15rem;
      margin: 0.5rem 2rem; }
  .card6cow_con {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .card6cow_con_name {
      display: flex;
      font-size: 1.8rem; }
    .card6cow_con_det {
      display: flex;
      font-size: 1.5rem; }
    .card6cow_con_mail {
      display: flex;
      font-size: 1.3rem;
      color: #002060;
      text-decoration: none; }
  .card6cow_box {
    display: flex;
    padding: 1rem;
    margin: 3rem 0;
    justify-content: space-around;
    align-items: flex-end; }
    .card6cow_box_1 {
      display: flex;
      flex-direction: column;
      flex: 0 0 50%; }
      .card6cow_box_1 h3 {
        display: flex;
        font-size: 1.4rem;
        font-weight: bold; }
      .card6cow_box_1 p {
        display: flex;
        font-size: 0.9rem;
        font-weight: bold; }
    .card6cow_box_2 {
      display: flex; }
      .card6cow_box_2_link {
        display: flex;
        font-size: 1.2rem;
        text-decoration: none;
        color: #00af3f; }

.card6detail {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0;
  background-color: #00b2d0; }
  .card6detail_logo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .card6detail_logo_img {
      display: flex;
      width: 10rem;
      margin: 3rem 0; }
  .card6detail_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .card6detail_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none;
      color: #fff; }
      .card6detail_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center;
        outline: none; }
        .card6detail_ctl_box_icon_img {
          display: flex;
          width: 5rem; }
  .card6detail_main {
    display: flex;
    width: 100%; }
  .card6detail_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .card6detail_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .card6detail_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .card6detail_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none; }
      .card6detail_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #11e223;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .card6detail_wap_box {
      display: flex;
      margin: 0.5rem 3.5rem;
      justify-content: center; }
      .card6detail_wap_box_link {
        display: flex;
        width: 17rem;
        text-align: center;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        background-color: #fd9800;
        color: #fff;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
        .card6detail_wap_box_link:nth-child(2) {
          background-color: #f44336; }
    .card6detail_wap_med {
      display: flex;
      width: 100%;
      justify-content: center;
      padding: 1rem 5rem;
      align-items: center; }
      .card6detail_wap_med_icon {
        display: flex;
        margin: 0.5rem;
        align-items: center; }
        .card6detail_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }

.card6about {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #fff;
  border: 0.8rem solid #00b2d0; }
  .card6about_title {
    display: flex;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .card6about_box {
    display: flex;
    width: 100%;
    margin: 0.5rem 0;
    font-size: 1.5rem; }
    .card6about_box_1 {
      display: flex;
      flex: 0 0 38%; }
    .card6about_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .card6about_box_3 {
      display: flex;
      flex: 1; }
  .card6about_text {
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 2rem 0; }

.card6back {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0;
  background-color: #00b2d0; }
  .card6back_logo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .card6back_logo_img {
      display: flex;
      width: 10rem;
      margin: 3rem 0; }
  .card6back_box {
    display: flex;
    flex-direction: column;
    font-size: 1.5rem;
    font-weight: 600;
    font-family: 'centrygoche';
    color: #fff;
    margin-left: 6rem;
    margin-bottom: 2rem;
    line-height: 2.5rem; }
    .card6back_box_list {
      list-style-type: disc; }
      .card6back_box_list_sub {
        display: flex;
        flex-direction: column;
        margin-left: 2rem;
        list-style-type: disc; }

.card6footer1 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0;
  font-size: 1.2rem; }
  .card6footer1_link {
    display: flex;
    font-weight: 700;
    align-items: center;
    text-decoration: none; }
    .card6footer1_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #686666;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.mcard7 {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: var(--cardfont1);
  color: #002060;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.card7pro {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
  background-image: url(../img/cards/mcard1/ipicardbackground.png);
  background-position: bottom;
  background-repeat: no-repeat; }
  .card7pro_box1 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center; }
    .card7pro_box1_pro {
      display: flex;
      position: relative;
      width: 13rem;
      height: 13rem;
      margin-top: 3rem;
      margin-left: 2rem;
      border-radius: 50%;
      overflow: hidden;
      box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.5); }
      .card7pro_box1_pro_img {
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        width: 13rem; }
    .card7pro_box1_logo {
      display: flex;
      height: 7rem;
      margin-right: 2rem; }
  .card7pro_box2 {
    display: flex; }
    .card7pro_box2_text {
      display: flex; }
      .card7pro_box2_text_num {
        display: flex;
        font-size: 1.5rem;
        font-weight: 700;
        margin: 0.5rem 2rem;
        text-decoration: none;
        color: #002060; }
  .card7pro_name {
    display: flex;
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    margin-left: 2rem;
    margin-top: 2rem; }
  .card7pro_dec {
    display: flex;
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
    margin-left: 2rem; }
  .card7pro_dec1 {
    display: flex;
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
    margin-left: 2rem; }
  .card7pro_company {
    display: flex;
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
    margin-left: 2rem;
    text-align: center;
    font-weight: 700; }
  .card7pro_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 700;
    margin: 1rem auto; }
  .card7pro_mail {
    display: flex;
    font-size: 1.5rem;
    font-weight: 700;
    color: #002060;
    text-decoration: none;
    margin-left: 2rem;
    margin-top: 0.5rem; }
  .card7pro_box {
    display: flex;
    flex: 0 0 80%;
    margin: 0 auto; }
    .card7pro_box_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 1rem;
      text-decoration: none; }
      .card7pro_box_item_img {
        display: flex;
        width: 5rem; }
      .card7pro_box_item_text {
        display: flex;
        font-size: 1.5rem;
        font-weight: 700;
        color: #007bc4; }
  .card7pro_qr {
    display: flex;
    width: 12rem;
    margin: 2rem auto; }
  .card7pro_custlogo {
    display: flex;
    padding: 1rem;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .card7pro_custlogo_img {
      display: flex;
      width: 10rem;
      margin: 1rem; }

.card7cow {
  display: none;
  flex-direction: column;
  width: 100%;
  margin: 0;
  border: 0.8rem solid #00b2d0; }
  .card7cow_logo {
    display: flex;
    width: 100%;
    align-items: center; }
    .card7cow_logo_img {
      display: flex;
      width: 15rem;
      margin: 0.5rem 2rem; }
  .card7cow_con {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .card7cow_con_name {
      display: flex;
      font-size: 1.8rem; }
    .card7cow_con_det {
      display: flex;
      font-size: 1.5rem; }
    .card7cow_con_mail {
      display: flex;
      font-size: 1.3rem;
      color: #002060;
      text-decoration: none; }
  .card7cow_box {
    display: flex;
    padding: 1rem;
    margin: 3rem 0;
    justify-content: space-around;
    align-items: flex-end; }
    .card7cow_box_1 {
      display: flex;
      flex-direction: column;
      flex: 0 0 50%; }
      .card7cow_box_1 h3 {
        display: flex;
        font-size: 1.4rem;
        font-weight: bold; }
      .card7cow_box_1 p {
        display: flex;
        font-size: 0.9rem;
        font-weight: bold; }
    .card7cow_box_2 {
      display: flex; }
      .card7cow_box_2_link {
        display: flex;
        font-size: 1.2rem;
        text-decoration: none;
        color: #00af3f; }

.card7detail {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0;
  background-color: #00b2d0; }
  .card7detail_logo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .card7detail_logo_img {
      display: flex;
      width: 10rem;
      margin: 3rem 0; }
  .card7detail_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .card7detail_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none;
      color: #fff; }
      .card7detail_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center;
        outline: none; }
        .card7detail_ctl_box_icon_img {
          display: flex;
          width: 5rem; }
  .card7detail_main {
    display: flex;
    width: 100%; }
  .card7detail_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .card7detail_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .card7detail_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .card7detail_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none; }
      .card7detail_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #11e223;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .card7detail_wap_box {
      display: flex;
      margin: 0.5rem 3.5rem;
      justify-content: center; }
      .card7detail_wap_box_link {
        display: flex;
        width: 17rem;
        text-align: center;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        background-color: #fd9800;
        color: #fff;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
        .card7detail_wap_box_link:nth-child(2) {
          background-color: #f44336; }
    .card7detail_wap_med {
      display: flex;
      width: 100%;
      justify-content: center;
      padding: 1rem 5rem;
      align-items: center; }
      .card7detail_wap_med_icon {
        display: flex;
        margin: 0.5rem;
        align-items: center; }
        .card7detail_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }

.card7about {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #fff;
  border: 0.8rem solid #00b2d0; }
  .card7about_title {
    display: flex;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .card7about_box {
    display: flex;
    width: 100%;
    margin: 0.5rem 0;
    font-size: 1.5rem; }
    .card7about_box_1 {
      display: flex;
      flex: 0 0 38%; }
    .card7about_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .card7about_box_3 {
      display: flex;
      flex: 1; }
  .card7about_text {
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 2rem 0; }

.card7back {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0;
  background-color: #00b2d0; }
  .card7back_logo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .card7back_logo_img {
      display: flex;
      width: 10rem;
      margin: 3rem 0; }
  .card7back_box {
    display: flex;
    flex-direction: column;
    font-size: 1.5rem;
    font-weight: 600;
    font-family: 'centrygoche';
    color: #fff;
    margin-top: 2rem;
    margin-left: 6rem;
    margin-bottom: 2rem;
    line-height: 2.5rem; }
    .card7back_box_list {
      list-style-type: disc;
      margin-right: 2rem;
      margin-top: 1rem; }
      .card7back_box_list_sub {
        display: flex;
        flex-direction: column;
        margin-left: 2rem;
        list-style-type: disc; }
  .card7back_box1 {
    display: flex; }
    .card7back_box1_logo {
      display: flex;
      width: 38rem;
      margin: 0.5rem auto;
      border-radius: 2rem; }

.card7footer1 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0;
  font-size: 1.2rem; }
  .card7footer1_link {
    display: flex;
    font-weight: 700;
    align-items: center;
    text-decoration: none; }
    .card7footer1_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #686666;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.esrf {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: din;
  color: #002060;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }
  .esrf_row {
    display: flex;
    max-width: 48rem;
    flex-direction: column;
    position: relative; }
    .esrf_row_view {
      display: flex;
      position: fixed;
      top: 2rem;
      left: 4rem;
      z-index: 50;
      margin: 2rem auto;
      padding: 0.8rem 2rem;
      align-items: center;
      justify-content: center;
      border-radius: 2rem; }
      .esrf_row_view_img {
        display: flex;
        width: 2.5rem; }
      .esrf_row_view_text {
        display: flex;
        font-size: 1.5rem;
        color: #fff; }

.esrfpro {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem;
  position: relative;
  background-color: #fff; }
  .esrfpro_logo {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    display: flex;
    width: 18rem; }
  .esrfpro_pro {
    display: flex;
    width: 15rem;
    margin-top: 2rem;
    margin-bottom: 2rem; }
  .esrfpro_name {
    display: flex;
    font-size: 2.5rem;
    align-items: center;
    font-weight: 700;
    margin-top: 10rem; }
  .esrfpro_dec {
    display: flex;
    font-size: 1.5rem;
    margin-bottom: 3rem; }
  .esrfpro_company {
    display: flex;
    font-size: 2rem;
    font-weight: 600; }
  .esrfpro_add {
    display: flex;
    width: 22rem;
    font-size: 1.3rem;
    margin-bottom: 3rem; }
  .esrfpro_cont {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem; }
    .esrfpro_cont_item {
      display: flex;
      font-size: 1.5rem;
      font-weight: 700;
      align-items: center; }
      .esrfpro_cont_item_1 {
        display: flex;
        width: 6rem; }
      .esrfpro_cont_item_2 {
        display: flex;
        width: 2rem;
        font-size: 2rem;
        align-items: center; }
      .esrfpro_cont_item_3 {
        display: flex;
        text-decoration: none; }
  .esrfpro_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 700;
    margin-top: 3rem;
    margin: 0.5rem auto; }
  .esrfpro_box {
    display: flex;
    flex: 0 0 80%;
    margin: 0 auto; }
    .esrfpro_box_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 1rem;
      text-decoration: none; }
      .esrfpro_box_item_text {
        display: flex;
        justify-content: center;
        font-size: 1.5rem;
        font-weight: 700; }
  .esrfpro_qr {
    display: flex;
    width: 12rem;
    margin: 2rem auto; }

.esrfdetail {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0; }
  .esrfdetail_logo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .esrfdetail_logo_img {
      display: flex;
      width: 10rem;
      margin: 3rem 0; }
  .esrfdetail_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .esrfdetail_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none;
      color: #fff; }
      .esrfdetail_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center; }
      .esrfdetail_ctl_box_text {
        display: flex;
        width: 22rem; }
      .esrfdetail_ctl_box_text1 {
        display: flex;
        width: 27rem; }
  .esrfdetail_main {
    display: flex;
    width: 100%; }
  .esrfdetail_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .esrfdetail_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .esrfdetail_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .esrfdetail_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none; }
      .esrfdetail_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #11e223; }
    .esrfdetail_wap_box {
      display: flex;
      margin: 0.5rem 4.5rem;
      justify-content: center; }
      .esrfdetail_wap_box_link {
        display: flex;
        width: 17rem;
        justify-content: center;
        text-align: center;
        align-items: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        background-color: #fff;
        color: #002060;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .esrfdetail_wap_med {
      display: flex;
      width: 100%;
      justify-content: center;
      padding: 1rem 5rem; }
      .esrfdetail_wap_med_icon {
        display: flex;
        margin: 0.5rem;
        text-decoration: none; }
        .esrfdetail_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }

.esrfabout {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #fff; }
  .esrfabout_title {
    display: flex;
    justify-content: center;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .esrfabout_box {
    display: flex;
    width: 100%;
    margin: 0.5rem 0;
    font-size: 1.5rem; }
    .esrfabout_box_1 {
      display: flex;
      flex: 0 0 30%; }
    .esrfabout_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .esrfabout_box_3 {
      display: flex;
      flex: 1; }
  .esrfabout_text {
    display: flex;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 700;
    margin: 2rem 0; }

.esrfgallery {
  display: none;
  flex-direction: column;
  align-items: center; }
  .esrfgallery_title {
    display: flex;
    font-size: 2.5rem;
    margin: 1.5rem 0; }
  .esrfgallery_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
    .esrfgallery_box_image {
      display: flex;
      width: 40rem;
      margin: 1.5rem 0;
      border-radius: 0.5rem;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.esrfvideo {
  display: none;
  flex-direction: column;
  align-items: center; }
  .esrfvideo_title {
    display: flex;
    font-size: 2.5rem;
    margin: 1.5rem 0; }
  .esrfvideo_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
    .esrfvideo_box_video {
      display: flex;
      width: 40rem;
      margin: 1.5rem 0;
      border-radius: 0.5rem;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.esrfmap {
  display: none;
  justify-content: center;
  align-items: center;
  padding: 3rem 1rem; }
  .esrfmap_ma {
    display: flex;
    width: 40rem;
    height: 25rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.esrfenq {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: 1rem 0; }
  .esrfenq_title {
    display: flex;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 2rem; }
  .esrfenq_form {
    display: flex;
    flex-direction: column;
    width: 50%;
    margin: 0 auto; }
    .esrfenq_form_input {
      display: flex;
      width: 100%;
      margin: 0.5rem auto;
      padding: 0.8rem 2rem;
      border-radius: 3rem;
      border: none;
      outline: none;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .esrfenq_form_btn {
      display: flex;
      cursor: pointer;
      margin: 0.5rem auto;
      padding: 0.8rem 2rem;
      border-radius: 3rem;
      border: none;
      outline: none;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
      color: #fff;
      background-color: #f44336; }

.esrffooter {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0;
  font-size: 1.2rem; }
  .esrffooter_link {
    display: flex;
    font-weight: 700;
    padding: 1rem;
    align-items: center;
    text-decoration: none;
    color: #fff; }
    .esrffooter_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #fff;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.esrp {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: din;
  color: #002060;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }
  .esrp_row {
    display: flex;
    max-width: 48rem;
    flex-direction: column;
    position: relative; }
    .esrp_row_view {
      display: flex;
      position: fixed;
      top: 2rem;
      left: 4rem;
      z-index: 50;
      margin: 2rem auto;
      padding: 0.8rem 2rem;
      align-items: center;
      justify-content: center;
      border-radius: 2rem; }
      .esrp_row_view_img {
        display: flex;
        width: 2.5rem; }
      .esrp_row_view_text {
        display: flex;
        font-size: 1.5rem;
        color: #fff; }

.esrppro {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem;
  position: relative;
  background-color: #fff; }
  .esrppro_logo {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    display: flex;
    width: 18rem; }
  .esrppro_pro {
    display: flex;
    width: 15rem;
    margin-top: 2rem;
    margin-bottom: 2rem; }
  .esrppro_name {
    display: flex;
    font-size: 2.5rem;
    align-items: center;
    font-weight: 700;
    margin-top: 8rem; }
  .esrppro_dec {
    display: flex;
    font-size: 1.5rem;
    margin-bottom: 3rem; }
  .esrppro_company {
    display: flex;
    font-size: 2rem;
    font-weight: 600; }
  .esrppro_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 700;
    margin-top: 3rem;
    margin: 3rem auto 1rem auto; }
  .esrppro_box {
    display: flex;
    flex: 0 0 80%;
    margin: 0 auto; }
    .esrppro_box_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 1rem;
      text-decoration: none; }
      .esrppro_box_item_text {
        display: flex;
        justify-content: center;
        font-size: 1.5rem;
        font-weight: 700; }
  .esrppro_qr {
    display: flex;
    width: 12rem;
    margin: 2rem auto; }

.esrpdetail {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0; }
  .esrpdetail_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .esrpdetail_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none; }
      .esrpdetail_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center; }
        .esrpdetail_ctl_box_icon_img {
          display: flex;
          width: 5rem; }
      .esrpdetail_ctl_box_text1 {
        display: flex;
        width: 27rem; }
      .esrpdetail_ctl_box_text {
        display: flex;
        width: 22rem; }
  .esrpdetail_main {
    display: flex;
    width: 100%; }
  .esrpdetail_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .esrpdetail_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .esrpdetail_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .esrpdetail_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none; }
      .esrpdetail_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #11e223; }
    .esrpdetail_wap_box {
      display: flex;
      margin: 0.5rem 4.5rem;
      justify-content: center; }
      .esrpdetail_wap_box_link {
        display: flex;
        width: 17rem;
        justify-content: center;
        text-align: center;
        align-items: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        background-color: #fff;
        color: #002060;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .esrpdetail_wap_med {
      display: flex;
      width: 100%;
      justify-content: center;
      padding: 1rem 5rem; }
      .esrpdetail_wap_med_icon {
        display: flex;
        margin: 0.5rem;
        text-decoration: none; }
        .esrpdetail_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }

.esrpabout {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #fff; }
  .esrpabout_title {
    display: flex;
    justify-content: center;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .esrpabout_box {
    display: flex;
    width: 100%;
    margin: 0.5rem 0;
    font-size: 1.5rem; }
    .esrpabout_box_1 {
      display: flex;
      flex: 0 0 30%; }
    .esrpabout_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .esrpabout_box_3 {
      display: flex;
      flex: 1; }
  .esrpabout_text {
    display: flex;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 700;
    margin: 2rem 0; }

.esrpfooter {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0;
  font-size: 1.2rem; }
  .esrpfooter_link {
    display: flex;
    font-weight: 700;
    padding: 1rem;
    align-items: center;
    text-decoration: none;
    color: #fff; }
    .esrpfooter_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #fff;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.finexis {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: var(--cardfont1);
  color: #002060;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.finlogo {
  display: flex;
  width: 100%;
  padding: 1rem 2rem;
  justify-content: flex-end; }
  .finlogo_img {
    display: flex;
    width: 15rem; }

.finpro {
  display: flex;
  width: 100%;
  padding: 2rem; }
  .finpro_box1 {
    display: flex;
    flex: 0 0 50%;
    flex-direction: column; }
    .finpro_box1_pro {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      width: 12rem;
      height: 12rem;
      border-radius: 50%;
      overflow: hidden;
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3); }
      .finpro_box1_pro_img {
        display: flex;
        width: 100%; }
    .finpro_box1_qrcode {
      display: flex;
      width: 12rem;
      margin: 0.5rem 0; }
    .finpro_box1_add {
      display: flex;
      margin-top: 4rem; }
      .finpro_box1_add_1 {
        display: flex;
        flex: 0 0 40%; }
        .finpro_box1_add_1_logo {
          display: flex;
          width: 8rem;
          height: 10rem; }
      .finpro_box1_add_2 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex: 1; }
        .finpro_box1_add_2_logo {
          display: flex;
          width: 10rem; }
  .finpro_box2 {
    display: flex;
    flex: 1;
    flex-direction: column; }
    .finpro_box2_name {
      display: flex;
      font-size: 2.2rem;
      font-weight: bold;
      color: #1a2a8a; }
    .finpro_box2_dec {
      display: flex;
      font-size: 1.5rem;
      font-weight: bold;
      color: #808d99; }
    .finpro_box2_dec1 {
      display: flex;
      font-size: 1.5rem;
      font-style: italic;
      font-weight: bold;
      color: #aaa9a9; }
    .finpro_box2_dec2 {
      display: flex;
      font-size: 1.2rem;
      font-style: italic;
      font-weight: bold;
      color: #aaa9a9; }
    .finpro_box2_con {
      display: flex;
      flex-direction: column;
      margin-top: 2rem;
      margin-right: 2rem; }
      .finpro_box2_con_comp {
        display: flex;
        font-size: 1.5rem;
        font-weight: bold;
        text-align: right;
        color: #1a2a8a; }
      .finpro_box2_con_link {
        display: flex;
        font-size: 1.2rem;
        text-decoration: none;
        text-align: right;
        font-weight: bold;
        justify-content: flex-end;
        color: #808d99; }

.findetail {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0;
  background-image: linear-gradient(to right, #1a2a8a, #3282bd); }
  .findetail_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .findetail_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none;
      color: #fff; }
      .findetail_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center; }
        .findetail_ctl_box_icon_img {
          display: flex;
          width: 5rem; }
  .findetail_qrcode {
    display: flex;
    position: absolute;
    top: 12.5rem;
    right: 2rem;
    border-radius: 0.5rem;
    width: 11rem; }
  .findetail_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .findetail_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .findetail_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .findetail_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none; }
      .findetail_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #3b32ec; }
    .findetail_wap_box {
      display: flex;
      justify-content: center;
      margin: 0.5rem 4.5rem; }
      .findetail_wap_box_link {
        display: flex;
        width: 15rem;
        justify-content: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        background-color: #fff;
        color: #002060;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .findetail_wap_med {
      display: flex;
      width: 100%;
      justify-content: flex-end;
      align-items: center;
      padding: 1rem 5rem; }
      .findetail_wap_med_icon {
        display: flex;
        margin: 0.5rem; }
        .findetail_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }

.finabout {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #fff;
  color: #1a2a8a; }
  .finabout_title {
    display: flex;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .finabout_box {
    display: flex;
    width: 100%;
    margin: 0.2rem 0;
    font-size: 1.5rem;
    font-weight: bold; }
    .finabout_box_1 {
      display: flex;
      flex: 0 0 38%; }
    .finabout_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .finabout_box_3 {
      display: flex;
      flex: 1; }
  .finabout_text {
    display: flex;
    text-align: justify;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 2rem 0; }

.finback {
  display: flex;
  flex-direction: column;
  padding: 0 4rem;
  color: #fff;
  background-color: #1a2a8a; }
  .finback_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 700;
    margin: 2rem 0;
    justify-content: center; }
  .finback_text {
    display: flex;
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    justify-content: center;
    text-transform: uppercase; }
  .finback_bot {
    display: flex;
    font-size: 1.6rem;
    text-align: center;
    font-style: italic;
    font-weight: 700;
    margin-top: 4rem;
    margin-bottom: 2rem; }

.finfooter {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0;
  font-size: 1.2rem; }
  .finfooter_link {
    display: flex;
    font-weight: 700;
    align-items: center;
    text-decoration: none; }
    .finfooter_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #686666;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.finexis1 {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: var(--cardfont1);
  color: #002060;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.fin1logo {
  display: flex;
  width: 100%;
  padding: 1rem 2rem;
  justify-content: flex-end; }
  .fin1logo_img {
    display: flex;
    width: 15rem; }

.fin1pro {
  display: flex;
  width: 100%;
  padding: 2rem;
  flex-direction: row-reverse; }
  .fin1pro_box1 {
    display: flex;
    flex: 0 0 50%;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end; }
    .fin1pro_box1_qrcode {
      display: flex;
      width: 12rem; }
    .fin1pro_box1_add {
      display: flex;
      margin-top: 4rem; }
      .fin1pro_box1_add_1 {
        display: flex;
        width: 50%; }
        .fin1pro_box1_add_1_logo {
          display: flex;
          width: 8rem;
          height: 10rem; }
      .fin1pro_box1_add_2 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex: 1; }
        .fin1pro_box1_add_2_logo {
          display: flex;
          width: 10rem; }
  .fin1pro_box2 {
    display: flex;
    flex: 1;
    flex-direction: column; }
    .fin1pro_box2_name {
      display: flex;
      font-size: 2.2rem;
      font-weight: bold;
      color: #1a2a8a; }
    .fin1pro_box2_dec {
      display: flex;
      font-size: 1.5rem;
      font-weight: bold;
      color: #808d99; }
    .fin1pro_box2_dec1 {
      display: flex;
      font-size: 1.5rem;
      font-style: italic;
      font-weight: bold;
      color: #aaa9a9; }
    .fin1pro_box2_dec2 {
      display: flex;
      font-size: 1.2rem;
      font-style: italic;
      font-weight: bold;
      color: #aaa9a9; }
    .fin1pro_box2_con {
      display: flex;
      flex-direction: column;
      margin-top: 2rem;
      margin-right: 2rem; }
      .fin1pro_box2_con_comp {
        display: flex;
        font-size: 1.5rem;
        font-weight: bold;
        text-align: left;
        color: #1a2a8a; }
      .fin1pro_box2_con_link {
        display: flex;
        font-size: 1.2rem;
        text-decoration: none;
        text-align: left;
        font-weight: bold;
        justify-content: flex-start;
        color: #808d99; }

.fin1detail {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0;
  background-image: linear-gradient(to right, #1a2a8a, #3282bd); }
  .fin1detail_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .fin1detail_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none;
      color: #fff; }
      .fin1detail_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center; }
        .fin1detail_ctl_box_icon_img {
          display: flex;
          width: 5rem; }
  .fin1detail_qrcode {
    display: flex;
    position: absolute;
    top: 12.5rem;
    right: 2rem;
    border-radius: 0.5rem;
    width: 11rem; }
  .fin1detail_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .fin1detail_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .fin1detail_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .fin1detail_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none; }
      .fin1detail_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #3b32ec; }
    .fin1detail_wap_box {
      display: flex;
      justify-content: center;
      margin: 0.5rem 4.5rem; }
      .fin1detail_wap_box_link {
        display: flex;
        width: 15rem;
        justify-content: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        background-color: #fff;
        color: #002060;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .fin1detail_wap_med {
      display: flex;
      width: 100%;
      justify-content: flex-end;
      align-items: center;
      padding: 1rem 5rem; }
      .fin1detail_wap_med_icon {
        display: flex;
        margin: 0.5rem; }
        .fin1detail_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }

.fin1about {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #fff;
  color: #1a2a8a; }
  .fin1about_title {
    display: flex;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .fin1about_box {
    display: flex;
    width: 100%;
    margin: 0.2rem 0;
    font-size: 1.5rem;
    font-weight: bold; }
    .fin1about_box_1 {
      display: flex;
      flex: 0 0 38%; }
    .fin1about_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .fin1about_box_3 {
      display: flex;
      flex: 1; }
  .fin1about_text {
    display: flex;
    text-align: justify;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 2rem 0; }

.fin1back {
  display: flex;
  flex-direction: column;
  padding: 0 4rem;
  color: #fff;
  background-color: #1a2a8a; }
  .fin1back_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 700;
    margin: 2rem 0;
    justify-content: center; }
  .fin1back_text {
    display: flex;
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
    justify-content: center;
    text-transform: uppercase; }
  .fin1back_bot {
    display: flex;
    font-size: 1.6rem;
    text-align: center;
    font-style: italic;
    font-weight: 700;
    margin-top: 4rem;
    margin-bottom: 2rem; }

.fin1footer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0;
  font-size: 1.2rem; }
  .fin1footer_link {
    display: flex;
    font-weight: 700;
    align-items: center;
    text-decoration: none; }
    .fin1footer_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #686666;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.ariva1 {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: arivafont;
  color: #002060;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.ari1pro {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1.5rem 2rem; }
  .ari1pro_box1 {
    display: flex;
    width: 100%;
    position: relative; }
    .ari1pro_box1_det {
      display: flex;
      flex-direction: column;
      width: 65%;
      margin-left: 1rem; }
      .ari1pro_box1_det_pro {
        display: none;
        width: 14rem; }
        .ari1pro_box1_det_pro_img {
          display: flex;
          width: 12rem; }
      .ari1pro_box1_det_name {
        display: flex;
        font-size: 2.2rem;
        font-family: 800;
        margin-top: 2rem;
        margin-bottom: 0.5rem; }
      .ari1pro_box1_det_text {
        display: flex;
        font-size: 2rem;
        font-family: 700;
        margin-bottom: 0.5rem; }
    .ari1pro_box1_logo {
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      right: 0.5rem; }
      .ari1pro_box1_logo_img {
        display: flex;
        width: 14rem; }
    .ari1pro_box1_qr {
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 13rem;
      right: 0.5rem; }
      .ari1pro_box1_qr_img {
        display: flex;
        width: 12rem; }
  .ari1pro_box2 {
    display: flex;
    width: 100%; }
    .ari1pro_box2_con {
      display: flex;
      margin-top: 8rem;
      margin-bottom: 2rem; }
      .ari1pro_box2_con_1 {
        display: flex;
        flex: 0 0 15%;
        flex-direction: column;
        align-items: flex-end;
        padding: 0.2rem;
        line-height: 2rem;
        border-right: 0.3rem solid #007bc4; }
        .ari1pro_box2_con_1_text1 {
          display: flex;
          font-size: 1.5rem;
          margin-right: 0.3rem; }
      .ari1pro_box2_con_2 {
        display: flex;
        flex: 0 0 20%;
        flex-direction: column;
        align-items: flex-end;
        padding: 0.2rem 0.5rem;
        line-height: 2rem; }
        .ari1pro_box2_con_2_text2 {
          display: flex;
          font-size: 1.5rem;
          margin-right: 0.3rem; }
      .ari1pro_box2_con_3 {
        display: flex;
        flex: 1;
        flex-direction: column;
        padding: 0.2rem 0.5rem;
        line-height: 2rem; }
        .ari1pro_box2_con_3_text3 {
          display: flex;
          font-size: 1.5rem;
          margin-right: 0.3rem;
          text-decoration: none;
          color: #002060; }

.ari1det {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .ari1det_box1 {
    display: flex;
    width: 80%;
    margin: 1.5rem auto;
    background-color: #003764;
    height: 0.2rem; }
  .ari1det_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem; }
    .ari1det_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none;
      color: #003764; }
      .ari1det_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center; }
        .ari1det_ctl_box_icon_img {
          display: flex;
          width: 5rem; }
  .ari1det_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .ari1det_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .ari1det_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .ari1det_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none;
        color: #fff;
        background-color: #91b6ba; }
      .ari1det_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #3b32ec; }
    .ari1det_wap_box {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0.5rem 4.5rem; }
      .ari1det_wap_box_link {
        display: flex;
        width: 15rem;
        justify-content: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        background-color: #fff;
        color: #002060;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .ari1det_wap_med {
      display: flex;
      width: 100%;
      justify-content: flex-end;
      align-items: center;
      padding: 1rem 5rem;
      border-bottom: 0.3rem solid #91b6ba; }
      .ari1det_wap_med_icon {
        display: flex;
        margin: 0.5rem;
        align-items: center; }
        .ari1det_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }
    .ari1det_wap_box1 {
      display: flex;
      width: 80%;
      margin: 1.5rem auto;
      background-color: #003764;
      height: 0.2rem; }
    .ari1det_wap_det {
      display: flex;
      width: 90%;
      justify-content: center;
      align-items: center;
      margin: 3rem auto; }
      .ari1det_wap_det_1 {
        display: flex;
        flex: 0 0 24%;
        justify-content: center;
        align-items: center;
        border-right: 0.2rem solid #003764; }
        .ari1det_wap_det_1_img {
          display: flex;
          width: 9.5rem; }
        .ari1det_wap_det_1:nth-child(4) {
          border-right: none; }
    .ari1det_wap_dat {
      display: flex;
      width: 100%;
      margin: 0 auto;
      padding: 4rem 0;
      flex-direction: column;
      align-items: center;
      color: #fff;
      background-color: #245698;
      border-radius: 20rem 20rem 0 0 / 3rem 3rem 0 0; }
      .ari1det_wap_dat_com {
        display: flex;
        width: 90%;
        font-size: 1.5rem;
        font-weight: 500;
        margin-bottom: 1rem;
        justify-content: center; }
        .ari1det_wap_dat_com span {
          display: flex;
          width: 2rem;
          justify-content: center; }
      .ari1det_wap_dat_add {
        display: flex;
        font-size: 1.5rem;
        text-align: center;
        margin-bottom: 0.5rem; }
      .ari1det_wap_dat_web {
        display: flex;
        font-size: 1.4rem;
        font-weight: 700;
        margin-bottom: 0.5rem; }
      .ari1det_wap_dat_box {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
        .ari1det_wap_dat_box_link {
          display: flex;
          align-items: center;
          text-decoration: none;
          color: white;
          font-size: 1.5rem; }
          .ari1det_wap_dat_box_link_icon {
            display: flex;
            width: 2.6rem; }

.ari1about {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #245698;
  color: #fff; }
  .ari1about_title {
    display: flex;
    justify-content: center;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .ari1about_box {
    display: flex;
    width: 100%;
    margin: 0.2rem 0;
    font-size: 1.5rem; }
    .ari1about_box_1 {
      display: flex;
      flex: 0 0 38%; }
    .ari1about_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .ari1about_box_3 {
      display: flex;
      flex: 1; }
  .ari1about_text {
    display: flex;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 700;
    margin: 2rem 0; }

.ari1footer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0;
  font-size: 1.2rem; }
  .ari1footer_link {
    display: flex;
    font-weight: 700;
    align-items: center;
    text-decoration: none; }
    .ari1footer_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #686666;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.cde {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: var(--cardfont2);
  color: #002060;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.cdepro {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 38rem;
  margin: 0;
  padding: 0;
  background-image: url(../img/cards/cde/cdebg1.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-bottom: 0.3rem solid #e12726; }
  .cdepro_box1 {
    display: flex;
    flex: 1; }
    .cdepro_box1_sec1 {
      display: flex;
      flex: 0 0 35%;
      justify-content: center;
      align-items: flex-start; }
      .cdepro_box1_sec1_logo {
        display: flex;
        width: 14rem;
        margin-top: 4rem; }
    .cdepro_box1_sec2 {
      display: flex;
      flex: 1;
      flex-direction: column;
      line-height: 2.2rem;
      margin: 4rem 1rem 1rem 1rem; }
      .cdepro_box1_sec2_name {
        display: flex;
        font-size: 2.5rem;
        font-weight: 700; }
      .cdepro_box1_sec2_dec {
        display: flex;
        font-size: 1.5rem;
        font-weight: 500; }
      .cdepro_box1_sec2_box {
        display: flex;
        flex-direction: column;
        margin-top: 1.5rem; }
        .cdepro_box1_sec2_box_item {
          display: flex; }
          .cdepro_box1_sec2_box_item_link {
            display: flex;
            font-size: 1.6rem;
            text-decoration: none;
            font-weight: 500; }
      .cdepro_box1_sec2_qr {
        display: flex;
        justify-content: flex-end;
        align-items: center; }
        .cdepro_box1_sec2_qr_img {
          width: 10rem;
          margin-right: 5rem; }
  .cdepro_box2 {
    display: flex;
    height: 10rem;
    margin-bottom: 1rem; }
    .cdepro_box2_sec1 {
      display: flex;
      flex: 0 0 35%;
      justify-content: center;
      align-items: flex-end; }
      .cdepro_box2_sec1_logo {
        display: flex;
        width: 13rem; }
    .cdepro_box2_sec2 {
      display: flex;
      flex: 1;
      justify-content: flex-end;
      align-items: flex-end; }
      .cdepro_box2_sec2_img {
        display: flex;
        width: 25rem;
        margin-right: 1rem; }

.cdeback {
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 2rem;
  background-image: url(../img/cards/cde/cdebg2.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .cdeback_box {
    display: flex;
    flex-direction: column;
    padding-left: 1rem; }
    .cdeback_box_1 {
      display: flex;
      flex-direction: column;
      line-height: 2.5rem;
      margin-bottom: 1.5rem; }
      .cdeback_box_1_comp {
        display: flex;
        font-size: 1.8rem;
        font-weight: 700; }
      .cdeback_box_1_add {
        display: flex;
        font-size: 1.5rem; }
      .cdeback_box_1_cont {
        display: flex;
        width: 100%;
        font-size: 1.5rem; }
        .cdeback_box_1_cont_text1 {
          display: flex;
          flex: 0 0 22%; }
          .cdeback_box_1_cont_text1 span {
            padding-right: 0.5rem; }
        .cdeback_box_1_cont_text2 {
          display: flex;
          text-decoration: none; }
          .cdeback_box_1_cont_text2 span {
            padding: 0 0.5rem; }
    .cdeback_box_2 {
      display: flex;
      flex-direction: column;
      line-height: 2.5rem; }
      .cdeback_box_2_comp {
        display: flex;
        font-size: 1.8rem;
        font-weight: 700; }
      .cdeback_box_2_add {
        display: flex;
        font-size: 1.5rem; }
      .cdeback_box_2_cont {
        display: flex;
        width: 100%;
        font-size: 1.5rem; }
        .cdeback_box_2_cont_text1 {
          display: flex;
          flex: 0 0 22%; }
          .cdeback_box_2_cont_text1 span {
            padding-right: 0.5rem; }
        .cdeback_box_2_cont_text2 {
          display: flex;
          text-decoration: none; }
          .cdeback_box_2_cont_text2_link {
            display: flex;
            text-decoration: none; }
          .cdeback_box_2_cont_text2 span {
            padding: 0 0.5rem; }

.cdedetail {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0; }
  .cdedetail_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .cdedetail_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none; }
      .cdedetail_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center;
        outline: none; }
        .cdedetail_ctl_box_icon_img {
          display: flex;
          width: 5rem; }
  .cdedetail_main {
    display: flex;
    width: 100%; }
  .cdedetail_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .cdedetail_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .cdedetail_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .cdedetail_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none; }
      .cdedetail_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #11e223;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .cdedetail_wap_box {
      display: flex;
      margin: 0.5rem 3.5rem;
      justify-content: center; }
      .cdedetail_wap_box_link {
        display: flex;
        width: 17rem;
        text-align: center;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        color: #000;
        background-color: #fff;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .cdedetail_wap_med {
      display: flex;
      width: 100%;
      justify-content: flex-end;
      padding: 1rem 5rem;
      align-items: center; }
      .cdedetail_wap_med_icon {
        display: flex;
        margin: 0.5rem;
        text-decoration: none;
        align-items: center; }
        .cdedetail_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }

.cdeabout {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #fff; }
  .cdeabout_title {
    display: flex;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .cdeabout_box {
    display: flex;
    width: 100%;
    margin: 0.5rem 0;
    font-size: 1.5rem; }
    .cdeabout_box_1 {
      display: flex;
      flex: 0 0 38%; }
    .cdeabout_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .cdeabout_box_3 {
      display: flex;
      flex: 1; }
  .cdeabout_text {
    display: flex;
    line-height: 2rem;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 2rem 0; }

.cdefooter {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0;
  font-size: 1.2rem; }
  .cdefooter_link {
    display: flex;
    font-weight: 700;
    align-items: center;
    color: #fff;
    text-decoration: none; }
    .cdefooter_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #fff;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.d932 {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: var(--cardfont2);
  color: #002060;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.d932pro {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 1rem; }
  .d932pro_logo {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    padding: 2rem; }
    .d932pro_logo_img {
      display: flex;
      width: 12rem;
      margin-right: 2rem; }
  .d932pro_box {
    display: flex;
    flex-direction: column;
    margin: 2rem 1rem 1rem 2rem;
    line-height: 2.4rem;
    font-size: 1.8rem; }
    .d932pro_box_namechi {
      display: flex;
      font-size: 2.2rem;
      font-weight: 700; }
    .d932pro_box_name {
      display: flex;
      font-size: 2.2rem;
      font-weight: 700; }
    .d932pro_box_dec {
      display: flex;
      font-weight: 400; }
    .d932pro_box_dec1 {
      display: flex;
      font-weight: 400; }
    .d932pro_box_comp {
      display: flex;
      margin-top: 2.5rem; }
    .d932pro_box_add {
      display: flex;
      width: 50%;
      font-weight: 400;
      text-decoration: none; }
    .d932pro_box_tel {
      display: flex;
      margin-top: 2rem;
      font-weight: 400;
      text-decoration: none; }
    .d932pro_box_email {
      display: flex;
      font-weight: 400;
      text-decoration: none; }
    .d932pro_box_web {
      display: flex;
      font-weight: 400;
      text-decoration: none; }
  .d932pro_qr {
    display: flex;
    position: absolute;
    width: 12rem;
    right: 2.5rem;
    bottom: 1.5rem; }

.d932detail {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0; }
  .d932detail_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .d932detail_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none; }
      .d932detail_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center;
        outline: none; }
        .d932detail_ctl_box_icon_img {
          display: flex;
          width: 5rem; }
  .d932detail_main {
    display: flex;
    width: 100%; }
  .d932detail_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .d932detail_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .d932detail_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .d932detail_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
      .d932detail_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #11e223;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
    .d932detail_wap_box {
      display: flex;
      margin: 0.5rem 3.5rem;
      justify-content: center; }
      .d932detail_wap_box_link {
        display: flex;
        width: 17rem;
        text-align: center;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        color: #000;
        background-color: #fff;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
    .d932detail_wap_med {
      display: flex;
      width: 100%;
      justify-content: flex-end;
      padding: 1rem 5rem;
      align-items: center; }
      .d932detail_wap_med_icon {
        display: flex;
        margin: 0.5rem;
        text-decoration: none;
        align-items: center; }
        .d932detail_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }

.d932about {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #fff; }
  .d932about_title {
    display: flex;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .d932about_box {
    display: flex;
    width: 100%;
    margin: 0.5rem 0;
    font-size: 1.5rem; }
    .d932about_box_1 {
      display: flex;
      flex: 0 0 38%; }
    .d932about_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .d932about_box_3 {
      display: flex;
      flex: 1; }
  .d932about_text {
    display: flex;
    line-height: 2rem;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 2rem 0; }

.d932gallery {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .d932gallery_title {
    display: flex;
    font-size: 2.5rem;
    margin: 1.5rem 0; }
  .d932gallery_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
    .d932gallery_box_image {
      display: flex;
      width: 40rem;
      margin: 1.5rem 0;
      border-radius: 0.5rem;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.d932video {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .d932video_title {
    display: flex;
    font-size: 2.5rem;
    margin: 1.5rem 0; }
  .d932video_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
    .d932video_box_video {
      display: flex;
      width: 40rem;
      height: 25rem;
      margin: 1.5rem 0;
      border-radius: 0.5rem;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.d932map {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3rem 1rem; }
  .d932map_ma {
    display: flex;
    width: 40rem;
    height: 25rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.d932footer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0;
  font-size: 1.2rem; }
  .d932footer_link {
    display: flex;
    font-weight: 700;
    align-items: center;
    color: #fff;
    text-decoration: none; }
    .d932footer_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #fff;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.sgnc {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: var(--cardfont1);
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.sgncpro {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0; }
  .sgncpro_logo {
    display: flex;
    margin: 2rem 0;
    justify-content: center;
    align-items: center; }
    .sgncpro_logo_img {
      display: flex;
      width: 18rem;
      margin: 1rem;
      border-radius: 1rem; }
  .sgncpro_pro {
    display: flex;
    width: 15rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    border-radius: 1rem; }
  .sgncpro_name {
    display: flex;
    font-size: 2.2rem;
    font-weight: bold;
    margin-top: 2rem;
    margin-bottom: 0.5rem; }
  .sgncpro_dec {
    display: flex;
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
    font-weight: 700; }
  .sgncpro_dec1 {
    display: flex;
    font-size: 1.6rem;
    margin-bottom: 0.5rem; }
  .sgncpro_company {
    display: flex;
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
    padding: 0 1rem;
    text-align: center;
    font-weight: 700; }
  .sgncpro_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 700;
    margin-top: 3rem;
    margin-bottom: 1rem; }
  .sgncpro_box {
    display: flex;
    flex: 0 0 80%; }
    .sgncpro_box_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 1rem;
      text-decoration: none; }
      .sgncpro_box_item_img {
        display: flex;
        width: 5rem; }
      .sgncpro_box_item_text {
        display: flex;
        font-size: 1.5rem;
        font-weight: 700;
        color: #007bc4; }
  .sgncpro_qr {
    display: flex;
    width: 12rem;
    margin: 2rem auto; }
  .sgncpro_custlogo {
    display: flex;
    padding: 1rem;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .sgncpro_custlogo_img {
      display: flex;
      width: 10rem;
      margin: 1rem; }

.sgncdetail {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0; }
  .sgncdetail_logo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .sgncdetail_logo_img {
      display: flex;
      width: 10rem;
      margin: 3rem 0; }
  .sgncdetail_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    @media only screen and (max-width: 20em) {
      .sgncdetail_ctl {
        margin: 1rem 0; } }
    .sgncdetail_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none;
      color: #fff; }
      .sgncdetail_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center; }
      .sgncdetail_ctl_box_text1 {
        display: flex;
        width: 28rem; }
  .sgncdetail_main {
    display: flex;
    width: 100%; }
  .sgncdetail_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .sgncdetail_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .sgncdetail_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .sgncdetail_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none; }
      .sgncdetail_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #11e223; }
    .sgncdetail_wap_box {
      display: flex;
      margin: 0.5rem 4.5rem;
      justify-content: center; }
      .sgncdetail_wap_box_link {
        display: flex;
        width: 17rem;
        justify-content: center;
        text-align: center;
        align-items: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        background-color: #fff;
        color: #002060;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .sgncdetail_wap_med {
      display: flex;
      width: 100%;
      justify-content: center;
      padding: 1rem 5rem; }
      .sgncdetail_wap_med_icon {
        display: flex;
        margin: 0.5rem;
        text-decoration: none; }
        .sgncdetail_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }

.sgncabout {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem;
  background-color: #fff; }
  @media only screen and (max-width: 23.4em) {
    .sgncabout {
      padding: 2rem 1rem; } }
  .sgncabout_title {
    display: flex;
    justify-content: center;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .sgncabout_box {
    display: flex;
    width: 100%;
    margin: 0.5rem 0;
    font-size: 1.5rem; }
    .sgncabout_box_1 {
      display: flex;
      flex: 0 0 30%; }
      @media only screen and (max-width: 23.4em) {
        .sgncabout_box_1 {
          flex: 0 0 20%; } }
    .sgncabout_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .sgncabout_box_3 {
      display: flex;
      flex: 1; }
  .sgncabout_text {
    display: flex;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 700;
    margin: 2rem 0; }

.sgncgallery {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .sgncgallery_title {
    display: flex;
    font-size: 2.5rem;
    margin: 1.5rem 0; }
  .sgncgallery_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
    .sgncgallery_box_image {
      display: flex;
      width: 40rem;
      margin: 1.5rem 0;
      border-radius: 0.5rem;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.sgncvideo {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .sgncvideo_title {
    display: flex;
    font-size: 2.5rem;
    margin: 1.5rem 0; }
  .sgncvideo_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
    .sgncvideo_box_video {
      display: flex;
      width: 36rem;
      margin: 1.5rem 0;
      border-radius: 0.5rem;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.sgncmap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3rem 1rem; }
  .sgncmap_ma {
    display: flex;
    width: 40rem;
    height: 25rem;
    margin: 0 auto;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.sgncenq {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: 1rem 0; }
  .sgncenq_title {
    display: flex;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 2rem; }
  .sgncenq_form {
    display: flex;
    flex-direction: column;
    width: 50%;
    margin: 0 auto; }
    .sgncenq_form_input {
      display: flex;
      width: 100%;
      margin: 0.5rem auto;
      padding: 0.8rem 2rem;
      border-radius: 3rem;
      border: none;
      outline: none;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .sgncenq_form_btn {
      display: flex;
      cursor: pointer;
      margin: 0.5rem auto;
      padding: 0.8rem 2rem;
      border-radius: 3rem;
      border: none;
      outline: none;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
      color: #fff;
      background-color: #f44336; }

.sgncfooter {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0;
  font-size: 1.2rem; }
  .sgncfooter_link {
    display: flex;
    font-weight: 700;
    padding: 1rem;
    align-items: center;
    text-decoration: none;
    color: #fff; }
    .sgncfooter_link span {
      display: flex;
      margin: 0 0.5rem;
      color: #000;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.augmen {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: var(--cardfont1);
  color: #002060;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.augpro {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0.8rem solid #009cde;
  background-image: url(../img/cards/augment/augbg.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .augpro_logo {
    display: flex;
    margin: 4rem 0;
    justify-content: center;
    align-items: center; }
    .augpro_logo_img {
      display: flex;
      height: 7rem;
      margin: 0.5rem 1rem; }
  .augpro_pro {
    display: flex;
    width: 15rem;
    margin-top: 1rem;
    margin-bottom: 2rem; }
  .augpro_name {
    display: flex;
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 0.5rem; }
  .augpro_dec {
    display: flex;
    font-size: 1.6rem;
    margin-bottom: 0.5rem; }
  .augpro_dec1 {
    display: flex;
    font-size: 1.6rem;
    margin-bottom: 0.5rem; }
  .augpro_company {
    display: flex;
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
    padding: 0 1rem;
    text-align: center;
    font-weight: 700; }
  .augpro_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 700;
    margin-top: 3rem;
    margin-bottom: 1rem; }
  .augpro_box {
    display: flex;
    flex: 0 0 80%; }
    .augpro_box_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 1rem;
      text-decoration: none; }
      .augpro_box_item_img {
        display: flex;
        width: 5rem; }
      .augpro_box_item_text {
        display: flex;
        font-size: 1.5rem;
        font-weight: 700;
        color: #007bc4; }
  .augpro_qr {
    display: flex;
    width: 12rem;
    margin: 2rem auto; }
  .augpro_custlogo {
    display: flex;
    padding: 1rem;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .augpro_custlogo_img {
      display: flex;
      width: 10rem;
      margin: 1rem; }

.augcow {
  display: none;
  flex-direction: column;
  width: 100%;
  margin: 0;
  border: 0.8rem solid #00b2d0; }
  .augcow_logo {
    display: flex;
    width: 100%;
    align-items: center; }
    .augcow_logo_img {
      display: flex;
      width: 15rem;
      margin: 0.5rem 2rem; }
  .augcow_con {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .augcow_con_name {
      display: flex;
      font-size: 1.8rem; }
    .augcow_con_det {
      display: flex;
      font-size: 1.5rem; }
    .augcow_con_mail {
      display: flex;
      font-size: 1.3rem;
      color: #002060;
      text-decoration: none; }
  .augcow_box {
    display: flex;
    padding: 1rem;
    margin: 3rem 0;
    justify-content: space-around;
    align-items: flex-end; }
    .augcow_box_1 {
      display: flex;
      flex-direction: column;
      flex: 0 0 50%; }
      .augcow_box_1 h3 {
        display: flex;
        font-size: 1.4rem;
        font-weight: bold; }
      .augcow_box_1 p {
        display: flex;
        font-size: 0.9rem;
        font-weight: bold; }
    .augcow_box_2 {
      display: flex; }
      .augcow_box_2_link {
        display: flex;
        font-size: 1.2rem;
        text-decoration: none;
        color: #00af3f; }

.augdetail {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0; }
  .augdetail_logo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .augdetail_logo_img {
      display: flex;
      width: 10rem;
      margin: 3rem 0; }
  .augdetail_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .augdetail_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none;
      color: #fff; }
      .augdetail_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center;
        outline: none; }
        .augdetail_ctl_box_icon_img {
          display: flex;
          width: 5rem; }
  .augdetail_main {
    display: flex;
    width: 100%; }
  .augdetail_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .augdetail_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .augdetail_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .augdetail_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none; }
      .augdetail_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #11e223;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .augdetail_wap_box {
      display: flex;
      margin: 0.5rem 3.5rem;
      justify-content: center; }
      .augdetail_wap_box_link {
        display: flex;
        width: 17rem;
        text-align: center;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        background-color: #fff;
        color: #000;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
        .augdetail_wap_box_link:nth-child(2) {
          background-color: #fff; }
    .augdetail_wap_med {
      display: flex;
      width: 100%;
      justify-content: center;
      padding: 1rem 5rem;
      align-items: center; }
      .augdetail_wap_med_icon {
        display: flex;
        margin: 0.5rem;
        align-items: center; }
        .augdetail_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }

.augabout {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #fff; }
  .augabout_title {
    display: flex;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .augabout_box {
    display: flex;
    width: 100%;
    margin: 0.5rem 0;
    font-size: 1.5rem; }
    .augabout_box_1 {
      display: flex;
      flex: 0 0 38%; }
    .augabout_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .augabout_box_3 {
      display: flex;
      flex: 1; }
  .augabout_text {
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 2rem 0; }

.augback {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .augback_logo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .augback_logo_img {
      display: flex;
      width: 20rem;
      margin: 2rem 0; }
  .augback_box {
    display: flex;
    flex-direction: column;
    font-size: 1.5rem;
    font-weight: 600;
    font-family: 'centrygoche';
    color: #fff;
    margin-left: 6rem;
    margin-bottom: 2rem;
    line-height: 2.5rem; }
    .augback_box_list {
      list-style-type: disc; }
      .augback_box_list_sub {
        display: flex;
        flex-direction: column;
        margin-left: 2rem;
        list-style-type: disc; }

.augfooter {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0;
  font-size: 1.2rem; }
  .augfooter_link {
    display: flex;
    font-weight: 700;
    align-items: center;
    text-decoration: none; }
    .augfooter_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #686666;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.lifelong {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: var(--cardfont1);
  color: #002060;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.llpro {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0; }
  .llpro_logo {
    display: flex;
    margin: 2rem 0;
    justify-content: center;
    align-items: center; }
    .llpro_logo_img {
      display: flex;
      height: 12rem;
      margin-top: 4rem;
      margin-bottom: 2rem; }
  .llpro_cont {
    display: flex;
    width: 92%;
    flex-direction: column;
    align-items: center;
    margin-top: 6rem;
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem; }
    .llpro_cont_pro {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      width: 14rem;
      height: 14rem;
      border-radius: 50%;
      overflow: hidden;
      margin-top: -8rem; }
      .llpro_cont_pro_img {
        display: flex;
        width: 14rem; }
    .llpro_cont_name {
      display: flex;
      font-size: 2.2rem;
      font-weight: bolder;
      margin-bottom: 0.5rem; }
    .llpro_cont_dec {
      display: flex;
      font-size: 1.6rem;
      font-weight: bolder;
      margin-bottom: 0.5rem; }
    .llpro_cont_box {
      display: flex;
      flex: 0 0 80%; }
      .llpro_cont_box_item {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 1.5rem 1rem;
        text-decoration: none; }
        .llpro_cont_box_item_img {
          display: flex;
          width: 5rem; }
    .llpro_cont_box1 {
      display: flex;
      margin: 1.5rem 0.5rem;
      border-bottom: 0.2rem solid #726464; }
      .llpro_cont_box1_item_1 {
        display: flex;
        flex-direction: column;
        margin: 1rem 0.3rem;
        flex: 0 0 17%;
        border-right: 0.2rem solid #726464; }
        .llpro_cont_box1_item_1_title {
          display: flex;
          font-size: 1.1rem;
          font-weight: bold;
          color: #aa1111; }
        .llpro_cont_box1_item_1_text {
          display: flex;
          font-size: 0.9rem;
          color: #000; }
      .llpro_cont_box1_item_2 {
        display: flex;
        flex-direction: column;
        margin: 1rem 0.3rem;
        flex: 0 0 44%;
        border-right: 0.2rem solid #726464; }
        .llpro_cont_box1_item_2_title {
          display: flex;
          font-size: 1.1rem;
          font-weight: bold;
          color: #aa1111; }
        .llpro_cont_box1_item_2_text {
          display: flex;
          font-size: 0.9rem;
          color: #000; }
      .llpro_cont_box1_item_3 {
        display: flex;
        flex-direction: column;
        margin: 1rem 0.3rem;
        flex: 1; }
        .llpro_cont_box1_item_3_title {
          display: flex;
          font-size: 1.1rem;
          font-weight: bold;
          color: #aa1111; }
        .llpro_cont_box1_item_3_text {
          display: flex;
          font-size: 0.9rem;
          color: #000; }
    .llpro_cont_img {
      display: flex;
      width: 100%;
      height: 4.3rem;
      padding: 0 0.8rem;
      margin-bottom: 1rem; }

.llhead {
  display: flex;
  justify-content: center;
  border-radius: 0 0 25rem 25rem / 0 0 8rem 8rem; }
  .llhead_logo {
    display: flex;
    height: 12rem;
    margin-top: 4rem;
    margin-bottom: 15rem; }

.llbox1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0; }
  .llbox1_cont {
    display: flex;
    width: 92%;
    flex-direction: row;
    border-top-left-radius: 8rem;
    border-top-right-radius: 3rem;
    margin-top: -10rem; }
    .llbox1_cont_1 {
      display: flex;
      width: 40%; }
      .llbox1_cont_1_pro {
        display: flex;
        align-items: flex-start;
        width: 16rem;
        height: 16rem;
        border-radius: 50%;
        overflow: hidden; }
        .llbox1_cont_1_pro_img {
          display: flex;
          width: 16rem; }
    .llbox1_cont_2 {
      display: flex;
      flex-direction: column;
      flex: 1; }
      .llbox1_cont_2_box1 {
        display: flex;
        flex-direction: column;
        margin: 2rem 1rem; }
        .llbox1_cont_2_box1_name {
          display: flex;
          font-size: 2.2rem;
          font-weight: bolder;
          margin-bottom: 0.5rem; }
        .llbox1_cont_2_box1_dec {
          display: flex;
          font-size: 1.6rem;
          font-weight: bolder;
          margin-bottom: 0.5rem; }
      .llbox1_cont_2_box2 {
        display: flex;
        flex: 0 0 80%; }
        .llbox1_cont_2_box2_item {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin: 1.5rem 1rem;
          text-decoration: none; }
          .llbox1_cont_2_box2_item_img {
            display: flex;
            width: 5rem; }
  .llbox1_cont1 {
    display: flex;
    flex-direction: column;
    width: 92%; }
    .llbox1_cont1_box1 {
      display: flex;
      margin: 1.5rem 0.5rem;
      border-bottom: 0.2rem solid #726464; }
      .llbox1_cont1_box1_item_1 {
        display: flex;
        flex-direction: column;
        margin: 1rem 0.3rem;
        flex: 0 0 17%;
        border-right: 0.2rem solid #726464; }
        .llbox1_cont1_box1_item_1_title {
          display: flex;
          font-size: 1.1rem;
          font-weight: bold;
          color: #aa1111; }
        .llbox1_cont1_box1_item_1_text {
          display: flex;
          font-size: 0.9rem;
          color: #000; }
      .llbox1_cont1_box1_item_2 {
        display: flex;
        flex-direction: column;
        margin: 1rem 0.3rem;
        flex: 0 0 44%;
        border-right: 0.2rem solid #726464; }
        .llbox1_cont1_box1_item_2_title {
          display: flex;
          font-size: 1.1rem;
          font-weight: bold;
          color: #aa1111; }
        .llbox1_cont1_box1_item_2_text {
          display: flex;
          font-size: 0.9rem;
          color: #000; }
      .llbox1_cont1_box1_item_3 {
        display: flex;
        flex-direction: column;
        margin: 1rem 0.3rem;
        flex: 1; }
        .llbox1_cont1_box1_item_3_title {
          display: flex;
          font-size: 1.1rem;
          font-weight: bold;
          color: #aa1111; }
        .llbox1_cont1_box1_item_3_text {
          display: flex;
          font-size: 0.9rem;
          color: #000; }
    .llbox1_cont1_img {
      display: flex;
      width: 100%;
      height: 4.3rem;
      padding: 0 0.8rem;
      margin-bottom: 1rem; }
  .llbox1_cont2 {
    display: flex;
    flex-direction: column;
    width: 92%; }
    .llbox1_cont2_ctl {
      display: flex;
      width: 98%;
      margin: 0 auto;
      padding: 2rem 0; }
      .llbox1_cont2_ctl_cont {
        display: flex;
        flex-direction: column;
        flex: 0 0 55%; }
        .llbox1_cont2_ctl_cont_title {
          display: flex;
          color: #000; }
        .llbox1_cont2_ctl_cont_list {
          display: flex;
          flex-wrap: wrap; }
          .llbox1_cont2_ctl_cont_list_box {
            display: flex;
            align-items: center;
            margin: 1rem;
            text-decoration: none; }
            .llbox1_cont2_ctl_cont_list_box_img {
              display: flex;
              width: 3.5rem; }
      .llbox1_cont2_ctl_box {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1; }
        .llbox1_cont2_ctl_box_qr {
          display: flex;
          width: 13rem;
          height: 13rem; }

.llbox2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0; }
  .llbox2_cont {
    display: flex;
    width: 92%;
    flex-direction: column; }
    .llbox2_cont_wap {
      display: flex;
      flex-direction: column;
      margin: 0 auto;
      padding: 2rem 0; }
      .llbox2_cont_wap_title {
        display: flex;
        font-size: 2rem;
        font-weight: 700;
        color: #000;
        justify-content: center;
        margin: 0.5rem 4rem;
        margin-bottom: 1rem; }
      .llbox2_cont_wap_form {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 1rem 1rem; }
        .llbox2_cont_wap_form_input {
          display: flex;
          width: 15rem;
          font-size: 1.2rem;
          padding: 1rem 2rem;
          margin: 0.5rem;
          border-radius: 3rem;
          outline: none;
          border: none;
          box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
        .llbox2_cont_wap_form_btn {
          display: flex;
          cursor: pointer;
          font-size: 1.2rem;
          padding: 1rem 2rem;
          font-weight: 700;
          text-transform: uppercase;
          border-radius: 3rem;
          border: none;
          outline: none;
          color: #fff;
          background-color: #11e223;
          box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
      .llbox2_cont_wap_box {
        display: flex;
        margin: 0.5rem 3.5rem;
        justify-content: center; }
        .llbox2_cont_wap_box_link {
          display: flex;
          width: 17rem;
          text-align: center;
          align-items: center;
          justify-content: center;
          font-size: 1.2rem;
          font-weight: 600;
          padding: 1rem 2rem;
          margin: 0 0.5rem;
          border-radius: 3rem;
          text-decoration: none;
          background-color: #000;
          color: #fff;
          box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
          .llbox2_cont_wap_box_link:nth-child(2) {
            background-color: #000; }

.llabout {
  display: flex;
  background-color: #115c36; }
  .llabout_cont {
    display: flex;
    flex-direction: column;
    width: 92%;
    margin: 0 auto;
    padding: 2rem 1.5rem;
    background-color: #115c36;
    color: #fff; }
    .llabout_cont_title {
      display: flex;
      justify-content: center;
      font-size: 2.5rem;
      font-weight: 700;
      margin-bottom: 1rem; }
    .llabout_cont_box {
      display: flex;
      width: 100%;
      margin: 0.5rem 0;
      font-size: 1.5rem; }
      .llabout_cont_box_1 {
        display: flex;
        flex: 0 0 30%; }
      .llabout_cont_box_2 {
        display: flex;
        flex: 0 0 5%;
        justify-content: center; }
      .llabout_cont_box_3 {
        display: flex;
        flex: 1; }
    .llabout_cont_text {
      display: flex;
      font-size: 1.4rem;
      font-weight: 700;
      margin: 2rem 0; }

.llfooter {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0;
  font-size: 1.2rem; }
  .llfooter_link {
    display: flex;
    font-weight: 700;
    align-items: center;
    text-decoration: none; }
    .llfooter_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #000;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.memtest {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: var(--cardfont1);
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.memtestpro {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0; }
  .memtestpro_logo {
    display: flex;
    margin: 2rem 0;
    justify-content: center;
    align-items: center; }
    .memtestpro_logo_img {
      display: flex;
      max-width: 18rem;
      margin: 3rem 1rem;
      align-items: center; }
  .memtestpro_pro {
    display: flex;
    width: 15rem;
    margin-top: 1rem;
    margin-bottom: 2rem; }
  .memtestpro_name {
    display: flex;
    font-size: 2.2rem;
    font-weight: bold;
    margin-top: 2rem;
    margin-bottom: 0.5rem; }
  .memtestpro_dec {
    display: flex;
    font-size: 1.6rem;
    margin-bottom: 0.5rem; }
  .memtestpro_dec1 {
    display: flex;
    font-size: 1.6rem;
    margin-bottom: 0.5rem; }
  .memtestpro_company {
    display: flex;
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
    padding: 0 1rem;
    text-align: center;
    font-weight: 700; }
  .memtestpro_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 700;
    margin-top: 3rem;
    margin-bottom: 1rem; }
  .memtestpro_box {
    display: flex;
    flex: 0 0 80%; }
    .memtestpro_box_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 1rem;
      text-decoration: none; }
      .memtestpro_box_item_img {
        display: flex;
        width: 5rem; }
      .memtestpro_box_item_text {
        display: flex;
        font-size: 1.5rem;
        font-weight: 700;
        color: #007bc4; }
  .memtestpro_qr {
    display: flex;
    width: 12rem;
    margin: 2rem auto; }
  .memtestpro_custlogo {
    display: flex;
    padding: 1rem;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .memtestpro_custlogo_img {
      display: flex;
      width: 7rem;
      margin: 1rem; }

.memtestdetail {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0; }
  .memtestdetail_logo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .memtestdetail_logo_img {
      display: flex;
      width: 10rem;
      margin: 3rem 0; }
  .memtestdetail_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    @media only screen and (max-width: 20em) {
      .memtestdetail_ctl {
        margin: 1rem 0; } }
    .memtestdetail_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none;
      color: #fff; }
      .memtestdetail_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center; }
      .memtestdetail_ctl_box_text1 {
        display: flex;
        width: 28rem; }
  .memtestdetail_main {
    display: flex;
    width: 100%; }
  .memtestdetail_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .memtestdetail_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .memtestdetail_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .memtestdetail_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none; }
      .memtestdetail_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #11e223; }
    .memtestdetail_wap_box {
      display: flex;
      margin: 0.5rem 4.5rem;
      justify-content: center; }
      .memtestdetail_wap_box_link {
        display: flex;
        width: 17rem;
        justify-content: center;
        text-align: center;
        align-items: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        background-color: #fff;
        color: #002060;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .memtestdetail_wap_med {
      display: flex;
      width: 100%;
      justify-content: center;
      padding: 1rem 5rem; }
      .memtestdetail_wap_med_icon {
        display: flex;
        margin: 0.5rem;
        text-decoration: none; }
        .memtestdetail_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }

.memtestabout {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem;
  background-color: #fff; }
  @media only screen and (max-width: 23.4em) {
    .memtestabout {
      padding: 2rem 1rem; } }
  .memtestabout_title {
    display: flex;
    justify-content: center;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .memtestabout_box {
    display: flex;
    width: 100%;
    margin: 0.5rem 0;
    font-size: 1.5rem; }
    .memtestabout_box_1 {
      display: flex;
      flex: 0 0 30%; }
      @media only screen and (max-width: 23.4em) {
        .memtestabout_box_1 {
          flex: 0 0 20%; } }
    .memtestabout_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .memtestabout_box_3 {
      display: flex;
      flex: 1; }
  .memtestabout_text {
    display: flex;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 700;
    margin: 2rem 0; }

.memtestgallery {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .memtestgallery_title {
    display: flex;
    font-size: 2.5rem;
    margin: 1.5rem 0; }
  .memtestgallery_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
    .memtestgallery_box_image {
      display: flex;
      width: 40rem;
      margin: 1.5rem 0;
      border-radius: 0.5rem;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.memtestvideo {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .memtestvideo_title {
    display: flex;
    font-size: 2.5rem;
    margin: 1.5rem 0; }
  .memtestvideo_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
    .memtestvideo_box_video {
      display: flex;
      width: 36rem;
      margin: 1.5rem 0;
      border-radius: 0.5rem;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.memtestmap {
  display: none;
  justify-content: center;
  align-items: center;
  padding: 3rem 1rem; }
  .memtestmap_ma {
    display: flex;
    width: 40rem;
    height: 25rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.memtestfooter {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0;
  font-size: 1.2rem; }
  .memtestfooter_link {
    display: flex;
    font-weight: 700;
    padding: 1rem;
    align-items: center;
    text-decoration: none;
    color: #fff; }
    .memtestfooter_link span {
      display: flex;
      margin: 0 0.5rem;
      color: #000;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.codtest {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: var(--cardfont1);
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.codtestpro {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0; }
  .codtestpro_logo {
    display: flex;
    margin: 2rem 0;
    justify-content: center;
    align-items: center; }
    .codtestpro_logo_img {
      display: flex;
      height: 6rem;
      margin: 3rem 1rem; }
  .codtestpro_pro {
    display: flex;
    width: 15rem;
    margin-top: 1rem;
    margin-bottom: 2rem; }
  .codtestpro_name {
    display: flex;
    font-size: 2.2rem;
    font-weight: bold;
    margin-top: 2rem;
    margin-bottom: 0.5rem; }
  .codtestpro_dec {
    display: flex;
    font-size: 1.6rem;
    margin-bottom: 0.5rem; }
  .codtestpro_dec1 {
    display: flex;
    font-size: 1.6rem;
    margin-bottom: 0.5rem; }
  .codtestpro_company {
    display: flex;
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
    padding: 0 1rem;
    text-align: center;
    font-weight: 700; }
  .codtestpro_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 700;
    margin-top: 3rem;
    margin-bottom: 1rem; }
  .codtestpro_box {
    display: flex;
    flex: 0 0 80%; }
    .codtestpro_box_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 1rem;
      text-decoration: none; }
      .codtestpro_box_item_img {
        display: flex;
        width: 5rem; }
      .codtestpro_box_item_text {
        display: flex;
        font-size: 1.5rem;
        font-weight: 700;
        color: #007bc4; }
  .codtestpro_qr {
    display: flex;
    width: 12rem;
    margin: 2rem auto; }
  .codtestpro_custlogo {
    display: flex;
    padding: 1rem;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .codtestpro_custlogo_img {
      display: flex;
      width: 7rem;
      margin: 1rem; }

.codtestdetail {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0; }
  .codtestdetail_logo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .codtestdetail_logo_img {
      display: flex;
      width: 10rem;
      margin: 3rem 0; }
  .codtestdetail_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    @media only screen and (max-width: 20em) {
      .codtestdetail_ctl {
        margin: 1rem 0; } }
    .codtestdetail_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none;
      color: #fff; }
      .codtestdetail_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center; }
      .codtestdetail_ctl_box_text1 {
        display: flex;
        width: 28rem; }
  .codtestdetail_main {
    display: flex;
    width: 100%; }
  .codtestdetail_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .codtestdetail_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .codtestdetail_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .codtestdetail_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none; }
      .codtestdetail_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #11e223; }
    .codtestdetail_wap_box {
      display: flex;
      margin: 0.5rem 4.5rem;
      justify-content: center; }
      .codtestdetail_wap_box_link {
        display: flex;
        width: 17rem;
        justify-content: center;
        text-align: center;
        align-items: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        background-color: #fff;
        color: #002060;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .codtestdetail_wap_med {
      display: flex;
      width: 100%;
      justify-content: center;
      padding: 1rem 5rem; }
      .codtestdetail_wap_med_icon {
        display: flex;
        margin: 0.5rem;
        text-decoration: none; }
        .codtestdetail_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }

.codtestabout {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem;
  background-color: #fff; }
  @media only screen and (max-width: 23.4em) {
    .codtestabout {
      padding: 2rem 1rem; } }
  .codtestabout_title {
    display: flex;
    justify-content: center;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .codtestabout_box {
    display: flex;
    width: 100%;
    margin: 0.5rem 0;
    font-size: 1.5rem; }
    .codtestabout_box_1 {
      display: flex;
      flex: 0 0 30%; }
      @media only screen and (max-width: 23.4em) {
        .codtestabout_box_1 {
          flex: 0 0 20%; } }
    .codtestabout_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .codtestabout_box_3 {
      display: flex;
      flex: 1; }
  .codtestabout_text {
    display: flex;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 700;
    margin: 2rem 0; }

.codtestgallery {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .codtestgallery_title {
    display: flex;
    font-size: 2.5rem;
    margin: 1.5rem 0; }
  .codtestgallery_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
    .codtestgallery_box_image {
      display: flex;
      width: 40rem;
      margin: 1.5rem 0;
      border-radius: 0.5rem;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.codtestvideo {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .codtestvideo_title {
    display: flex;
    font-size: 2.5rem;
    margin: 1.5rem 0; }
  .codtestvideo_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
    .codtestvideo_box_video {
      display: flex;
      width: 36rem;
      margin: 1.5rem 0;
      border-radius: 0.5rem;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.codtestmap {
  display: none;
  justify-content: center;
  align-items: center;
  padding: 3rem 1rem; }
  .codtestmap_ma {
    display: flex;
    width: 40rem;
    height: 25rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.codtestfooter {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0;
  font-size: 1.2rem; }
  .codtestfooter_link {
    display: flex;
    font-weight: 700;
    padding: 1rem;
    align-items: center;
    text-decoration: none;
    color: #fff; }
    .codtestfooter_link span {
      display: flex;
      margin: 0 0.5rem;
      color: #000;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.aeg {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: var(--cardfont2);
  color: #002060;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.aegpro {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 1rem; }
  .aegpro_logo {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem; }
    .aegpro_logo_img {
      display: flex;
      width: 14rem; }
  .aegpro_box {
    display: flex;
    flex-direction: column;
    margin: 2rem 1rem 1rem 2rem;
    line-height: 2.4rem;
    font-size: 1.8rem; }
    .aegpro_box_name {
      display: flex;
      font-size: 2.2rem;
      font-weight: 700; }
    .aegpro_box_dec {
      display: flex;
      font-weight: 400; }
    .aegpro_box_mob {
      display: flex;
      font-size: 1.5rem;
      text-decoration: none;
      margin-top: 1.5rem; }
    .aegpro_box_email {
      display: flex;
      font-size: 1.5rem;
      text-decoration: none; }
    .aegpro_box_compchin {
      display: flex;
      margin-top: 2.5rem;
      font-size: 1.6rem;
      font-weight: 700;
      letter-spacing: 0.3rem; }
    .aegpro_box_comp {
      display: flex;
      margin-top: 0.5rem;
      font-size: 1.8rem;
      font-weight: 700; }
    .aegpro_box_add {
      display: flex;
      font-size: 1.5rem;
      width: 95%;
      font-weight: 400;
      text-decoration: none; }
    .aegpro_box_con {
      display: flex;
      font-size: 1.3rem;
      align-items: center;
      margin-top: 0.5rem; }
      .aegpro_box_con_tel {
        display: flex;
        font-weight: 400;
        text-decoration: none;
        padding: 0 0.5rem;
        line-height: 1.5rem; }
      .aegpro_box_con_email {
        display: flex;
        font-weight: 400;
        text-decoration: none;
        padding: 0 0.5rem;
        line-height: 1.5rem; }
      .aegpro_box_con_web {
        display: flex;
        font-weight: 400;
        text-decoration: none;
        padding: 0 0.5rem;
        line-height: 1.5rem; }
  .aegpro_box1 {
    display: flex;
    margin: 2rem 1rem 1rem 2rem; }
    .aegpro_box1_s1 {
      display: flex;
      flex-direction: column;
      flex: 0 0 60%; }
      .aegpro_box1_s1_qrcode {
        display: flex;
        width: 15rem; }
      .aegpro_box1_s1_ser {
        display: flex;
        flex-direction: column;
        margin-top: 5rem; }
        .aegpro_box1_s1_ser_head {
          display: flex;
          font-size: 1.8rem;
          font-weight: bold;
          text-transform: uppercase; }
        .aegpro_box1_s1_ser_list {
          display: flex;
          flex-direction: column;
          margin-left: 2rem;
          margin-top: 1rem;
          font-size: 1.3rem;
          line-height: 2rem;
          list-style-type: square; }
    .aegpro_box1_s2 {
      display: flex;
      flex: 1;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-around; }
      .aegpro_box1_s2_addlogo {
        display: flex;
        width: 8rem; }

.aegdetail {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0; }
  .aegdetail_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .aegdetail_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none; }
      .aegdetail_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center;
        outline: none; }
        .aegdetail_ctl_box_icon_img {
          display: flex;
          width: 5rem; }
  .aegdetail_main {
    display: flex;
    width: 100%; }
  .aegdetail_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .aegdetail_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .aegdetail_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .aegdetail_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
      .aegdetail_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #11e223;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
    .aegdetail_wap_box {
      display: flex;
      margin: 0.5rem 3.5rem;
      justify-content: center; }
      .aegdetail_wap_box_link {
        display: flex;
        width: 17rem;
        text-align: center;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        color: #000;
        background-color: #fff;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
    .aegdetail_wap_med {
      display: flex;
      width: 100%;
      justify-content: flex-end;
      padding: 1rem 5rem;
      align-items: center; }
      .aegdetail_wap_med_icon {
        display: flex;
        margin: 0.5rem;
        text-decoration: none;
        align-items: center; }
        .aegdetail_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }

.aegabout {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #fff; }
  .aegabout_title {
    display: flex;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .aegabout_box {
    display: flex;
    width: 100%;
    margin: 0.5rem 0;
    font-size: 1.5rem; }
    .aegabout_box_1 {
      display: flex;
      flex: 0 0 38%; }
    .aegabout_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .aegabout_box_3 {
      display: flex;
      flex: 1; }
  .aegabout_text {
    display: flex;
    line-height: 2rem;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 2rem 0; }

.aeggallery {
  display: none;
  flex-direction: column;
  align-items: center; }
  .aeggallery_title {
    display: flex;
    font-size: 2.5rem;
    margin: 1.5rem 0; }
  .aeggallery_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
    .aeggallery_box_image {
      display: flex;
      width: 40rem;
      margin: 1.5rem 0;
      border-radius: 0.5rem;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.aegvideo {
  display: none;
  flex-direction: column;
  align-items: center; }
  .aegvideo_title {
    display: flex;
    font-size: 2.5rem;
    margin: 1.5rem 0; }
  .aegvideo_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
    .aegvideo_box_video {
      display: flex;
      width: 40rem;
      height: 25rem;
      margin: 1.5rem 0;
      border-radius: 0.5rem;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.aegmap {
  display: none;
  justify-content: center;
  align-items: center;
  padding: 3rem 1rem; }
  .aegmap_ma {
    display: flex;
    width: 40rem;
    height: 25rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.aegfooter {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0;
  font-size: 1.2rem; }
  .aegfooter_link {
    display: flex;
    font-weight: 700;
    align-items: center;
    color: #fff;
    text-decoration: none; }
    .aegfooter_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #fff;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.toyota {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: toyotabook;
  color: #002060;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.toyotapro {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 1rem; }
  .toyotapro_logo {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 2rem 1rem; }
    .toyotapro_logo_img {
      display: flex;
      width: 17rem;
      margin-right: 2rem; }
  .toyotapro_box {
    display: flex;
    flex-direction: column;
    margin: 2rem 1rem 1rem 2rem;
    line-height: 2.4rem;
    font-size: 1.6rem; }
    .toyotapro_box_namechi {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      letter-spacing: 1rem; }
    .toyotapro_box_name {
      display: flex;
      font-size: 2rem;
      font-weight: 700; }
    .toyotapro_box_dec {
      display: flex;
      font-weight: 600; }
    .toyotapro_box_dec1 {
      display: flex;
      font-weight: 600; }
    .toyotapro_box_email {
      display: flex;
      font-weight: 600;
      text-decoration: none; }
    .toyotapro_box_comp {
      display: flex;
      font-size: 1.8rem;
      margin-top: 2.5rem;
      font-family: toyotasemi; }
    .toyotapro_box_add {
      display: flex;
      font-weight: 400;
      font-size: 1.4rem;
      margin-top: 1rem;
      text-decoration: none; }
    .toyotapro_box_cont {
      display: flex; }
      .toyotapro_box_cont_tel {
        display: flex;
        font-weight: 400;
        font-size: 1.4rem;
        text-decoration: none; }
        .toyotapro_box_cont_tel:last-child {
          margin-left: 1rem; }
    .toyotapro_box_web {
      display: flex;
      font-weight: 400;
      text-decoration: none; }
  .toyotapro_qr {
    display: flex;
    position: absolute;
    width: 12rem;
    right: 2.5rem;
    top: 4rem; }

.toyotadetail {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0; }
  .toyotadetail_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .toyotadetail_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none; }
      .toyotadetail_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center;
        outline: none; }
        .toyotadetail_ctl_box_icon_img {
          display: flex;
          width: 5rem; }
  .toyotadetail_main {
    display: flex;
    width: 100%; }
  .toyotadetail_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .toyotadetail_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .toyotadetail_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .toyotadetail_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
      .toyotadetail_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #11e223;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
    .toyotadetail_wap_box {
      display: flex;
      margin: 0.5rem 3.5rem;
      justify-content: center; }
      .toyotadetail_wap_box_link {
        display: flex;
        width: 17rem;
        text-align: center;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        color: #000;
        background-color: #fff;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
    .toyotadetail_wap_med {
      display: flex;
      width: 100%;
      justify-content: flex-end;
      padding: 1rem 5rem;
      align-items: center; }
      .toyotadetail_wap_med_icon {
        display: flex;
        margin: 0.5rem;
        text-decoration: none;
        align-items: center; }
        .toyotadetail_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }

.toyotaabout {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #fff; }
  .toyotaabout_title {
    display: flex;
    justify-content: center;
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .toyotaabout_box {
    display: flex;
    width: 100%;
    margin: 0.5rem 0;
    font-size: 1.3rem; }
    .toyotaabout_box_1 {
      display: flex;
      flex: 0 0 35%; }
    .toyotaabout_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .toyotaabout_box_3 {
      display: flex;
      flex: 1; }
  .toyotaabout_text {
    display: flex;
    line-height: 2rem;
    font-size: 1.3rem;
    font-weight: 700;
    margin: 2rem 0; }

.toyotagallery {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .toyotagallery_title {
    display: flex;
    font-size: 2.5rem;
    margin: 1.5rem 0; }
  .toyotagallery_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
    .toyotagallery_box_image {
      display: flex;
      width: 40rem;
      margin: 1.5rem 0;
      border-radius: 0.5rem;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.toyotavideo {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .toyotavideo_title {
    display: flex;
    font-size: 2.5rem;
    margin: 1.5rem 0; }
  .toyotavideo_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
    .toyotavideo_box_video {
      display: flex;
      width: 40rem;
      height: 25rem;
      margin: 1.5rem 0;
      border-radius: 0.5rem;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.toyotamap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3rem 1rem; }
  .toyotamap_ma {
    display: flex;
    width: 40rem;
    height: 25rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.toyotafooter {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0;
  font-size: 1.2rem; }
  .toyotafooter_link {
    display: flex;
    font-weight: 700;
    align-items: center;
    color: #fff;
    text-decoration: none; }
    .toyotafooter_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #fff;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.toyota1 {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: toyotabook;
  color: #002060;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.toyota1pro {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 1rem; }
  .toyota1pro_logo {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 2rem 1rem; }
    .toyota1pro_logo_img {
      display: flex;
      width: 17rem;
      margin-right: 2rem; }
  .toyota1pro_box {
    display: flex;
    flex-direction: column;
    margin: 2rem 1rem 1rem 2rem;
    line-height: 2.4rem;
    font-size: 1.6rem; }
    .toyota1pro_box_namechi {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      letter-spacing: 1rem; }
    .toyota1pro_box_name {
      display: flex;
      font-size: 2rem;
      font-weight: 700; }
    .toyota1pro_box_dec {
      display: flex;
      font-weight: 600; }
    .toyota1pro_box_dec1 {
      display: flex;
      font-weight: 600; }
    .toyota1pro_box_email {
      display: flex;
      font-weight: 600;
      text-decoration: none; }
    .toyota1pro_box_comp {
      display: flex;
      font-size: 1.8rem;
      margin-top: 2.5rem;
      font-family: toyotasemi; }
    .toyota1pro_box_add {
      display: flex;
      font-weight: 400;
      font-size: 1.4rem;
      margin-top: 1rem;
      text-decoration: none; }
    .toyota1pro_box_cont {
      display: flex; }
      .toyota1pro_box_cont_tel {
        display: flex;
        font-weight: 400;
        font-size: 1.4rem;
        text-decoration: none; }
        .toyota1pro_box_cont_tel:last-child {
          margin-left: 1rem; }
    .toyota1pro_box_web {
      display: flex;
      font-weight: 400;
      text-decoration: none; }
  .toyota1pro_qr {
    display: flex;
    position: absolute;
    width: 12rem;
    right: 2.5rem;
    top: 4rem; }

.toyota1detail {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0; }
  .toyota1detail_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .toyota1detail_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none; }
      .toyota1detail_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center;
        outline: none; }
        .toyota1detail_ctl_box_icon_img {
          display: flex;
          width: 5rem; }
  .toyota1detail_main {
    display: flex;
    width: 100%; }
  .toyota1detail_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .toyota1detail_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .toyota1detail_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .toyota1detail_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
      .toyota1detail_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #11e223;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
    .toyota1detail_wap_box {
      display: flex;
      margin: 0.5rem 3.5rem;
      justify-content: center; }
      .toyota1detail_wap_box_link {
        display: flex;
        width: 17rem;
        text-align: center;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        color: #000;
        background-color: #fff;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
    .toyota1detail_wap_med {
      display: flex;
      width: 100%;
      justify-content: flex-end;
      padding: 1rem 5rem;
      align-items: center; }
      .toyota1detail_wap_med_icon {
        display: flex;
        margin: 0.5rem;
        text-decoration: none;
        align-items: center; }
        .toyota1detail_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }

.toyota1about {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #fff; }
  .toyota1about_title {
    display: flex;
    justify-content: center;
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .toyota1about_box {
    display: flex;
    width: 100%;
    margin: 0.5rem 0;
    font-size: 1.3rem; }
    .toyota1about_box_1 {
      display: flex;
      flex: 0 0 35%; }
    .toyota1about_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .toyota1about_box_3 {
      display: flex;
      flex: 1; }
  .toyota1about_text {
    display: flex;
    line-height: 2rem;
    font-size: 1.3rem;
    font-weight: 700;
    margin: 2rem 0; }

.toyota1gallery {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .toyota1gallery_title {
    display: flex;
    font-size: 2.5rem;
    margin: 1.5rem 0; }
  .toyota1gallery_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
    .toyota1gallery_box_image {
      display: flex;
      width: 40rem;
      margin: 1.5rem 0;
      border-radius: 0.5rem;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.toyota1video {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .toyota1video_title {
    display: flex;
    font-size: 2.5rem;
    margin: 1.5rem 0; }
  .toyota1video_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
    .toyota1video_box_video {
      display: flex;
      width: 40rem;
      height: 25rem;
      margin: 1.5rem 0;
      border-radius: 0.5rem;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.toyota1map {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3rem 1rem; }
  .toyota1map_ma {
    display: flex;
    width: 40rem;
    height: 25rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.toyota1footer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0;
  font-size: 1.2rem; }
  .toyota1footer_link {
    display: flex;
    font-weight: 700;
    align-items: center;
    color: #fff;
    text-decoration: none; }
    .toyota1footer_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #fff;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.csf {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: var(--cardfont1);
  color: #002060;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.csfpro {
  display: flex;
  width: 100%; }
  .csfpro_box1 {
    display: flex;
    flex: 0 0 40%;
    position: relative;
    justify-content: center;
    align-items: center; }
    .csfpro_box1_img {
      display: flex;
      width: 18rem; }
    .csfpro_box1_qr {
      display: flex;
      position: absolute;
      left: 4.5rem;
      bottom: 0;
      width: 10.5rem; }
  .csfpro_box2 {
    display: flex;
    flex: 1;
    margin: 0;
    color: #fff;
    align-items: center;
    background-color: #7a9999;
    border-left: 1rem solid #99ff00; }
    .csfpro_box2_con {
      display: flex;
      flex: 1;
      height: 100%;
      flex-direction: column;
      justify-content: space-between;
      padding: 2rem; }
      .csfpro_box2_con_item {
        display: flex;
        flex-direction: column; }
        .csfpro_box2_con_item_name {
          display: flex;
          font-size: 1.5rem;
          font-weight: 600; }
        .csfpro_box2_con_item_dec {
          display: flex;
          font-size: 1.3rem;
          font-weight: 600; }
        .csfpro_box2_con_item_list {
          display: flex;
          font-size: 1.4rem;
          font-weight: 600;
          text-decoration: none;
          align-items: flex-start;
          color: #fff; }
          .csfpro_box2_con_item_list span {
            margin-left: 1rem; }
          .csfpro_box2_con_item_list:last-child {
            font-size: 1.2rem; }
      .csfpro_box2_con_item1 {
        display: flex;
        flex-direction: column; }
        .csfpro_box2_con_item1_comp {
          display: flex;
          font-size: 1.4rem;
          font-weight: 600; }
        .csfpro_box2_con_item1_list {
          display: flex;
          font-size: 1.3rem;
          font-weight: 600;
          text-decoration: none;
          align-items: flex-start;
          color: #fff; }

.csfdet {
  display: flex;
  width: 100%; }
  .csfdet_box1 {
    display: flex;
    flex: 0 0 90%;
    flex-direction: column;
    position: relative;
    justify-content: center;
    align-items: center;
    padding: 2rem; }
    .csfdet_box1_title {
      display: flex;
      font-size: 1.3rem;
      font-weight: 600;
      margin-bottom: 1rem; }
    .csfdet_box1_con {
      display: flex;
      width: 100%; }
      .csfdet_box1_con_1 {
        display: flex;
        flex: 0 0 50%;
        align-items: center;
        flex-direction: column;
        justify-content: space-around; }
        .csfdet_box1_con_1_img {
          display: flex;
          width: 13rem;
          margin: 0.5rem 0; }
      .csfdet_box1_con_2 {
        display: flex;
        flex: 1;
        align-items: center;
        flex-direction: column;
        justify-content: space-around; }
        .csfdet_box1_con_2_img {
          display: flex;
          width: 13rem;
          margin: 0.5rem 0; }
  .csfdet_box2 {
    display: flex;
    flex: 1;
    align-items: center;
    background-color: #7a9999;
    border-left: 1rem solid #99ff00; }

.csfdetail {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0;
  background-color: #7a9999; }
  .csfdetail_logo {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center; }
    .csfdetail_logo_img {
      display: flex;
      width: 10rem;
      margin: 3rem 0; }
  .csfdetail_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .csfdetail_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none;
      color: #fff; }
      .csfdetail_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center; }
        .csfdetail_ctl_box_icon_img {
          display: flex;
          width: 5rem; }
  .csfdetail_main {
    display: flex;
    width: 100%; }
  .csfdetail_wap {
    display: flex;
    flex-direction: column;
    margin: 0 auto; }
    .csfdetail_wap_form {
      display: flex;
      align-items: center;
      margin: 1rem 0; }
      .csfdetail_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none; }
      .csfdetail_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #3b32ec; }
    .csfdetail_wap_box {
      display: flex; }
      .csfdetail_wap_box_link {
        display: flex;
        width: 12rem;
        justify-content: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin-right: 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        background-color: #fff;
        color: #002060;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .csfdetail_wap_med {
      display: flex;
      width: 100%;
      justify-content: flex-end;
      align-items: center;
      margin: 1rem; }
      .csfdetail_wap_med_icon {
        display: flex;
        margin: 0.5rem; }
        .csfdetail_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }

.csfabout {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #fff;
  border-bottom: 0.2rem solid #097aac; }
  .csfabout_title {
    display: flex;
    justify-content: center;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .csfabout_box {
    display: flex;
    width: 100%;
    margin: 0.2rem 0;
    font-size: 1.5rem; }
    .csfabout_box_1 {
      display: flex;
      flex: 0 0 38%; }
    .csfabout_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .csfabout_box_3 {
      display: flex;
      flex: 1; }
  .csfabout_text {
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 2rem 0; }

.csffooter {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0;
  font-size: 1.2rem; }
  .csffooter_link {
    display: flex;
    font-weight: 700;
    align-items: center;
    text-decoration: none; }
    .csffooter_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #686666;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.quad {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: var(--cardfont1);
  color: #000;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.quadpro {
  display: flex;
  width: 100%;
  padding: 2rem;
  flex-direction: column; }
  .quadpro_box1 {
    display: flex;
    position: relative;
    flex-direction: column; }
    .quadpro_box1_logo {
      display: flex;
      position: absolute;
      width: 18rem;
      top: 1rem;
      left: 1rem; }
    .quadpro_box1_con {
      display: flex;
      flex-direction: column;
      width: 100%;
      justify-content: flex-end;
      align-items: flex-end; }
      .quadpro_box1_con_comp {
        display: flex;
        font-size: 2.5rem;
        font-weight: 800; }
      .quadpro_box1_con_add {
        display: flex;
        width: 35%;
        text-align: right;
        font-size: 1.8rem;
        font-weight: 500; }
      .quadpro_box1_con_web {
        display: flex;
        font-size: 1.5rem;
        font-weight: 500; }
  .quadpro_box2 {
    display: flex;
    flex-direction: column;
    margin-top: 2rem; }
    .quadpro_box2_name {
      display: flex;
      font-size: 2.2rem;
      font-weight: 800; }
    .quadpro_box2_dec {
      display: flex;
      font-size: 1.5rem;
      font-weight: 800; }
  .quadpro_box3 {
    display: flex;
    position: relative;
    flex-direction: column;
    margin-top: 2rem; }
    .quadpro_box3_link {
      display: flex;
      text-decoration: none;
      font-size: 1.5rem;
      font-weight: 600;
      color: #000; }
    .quadpro_box3_minilogo {
      display: flex;
      position: absolute;
      right: 0;
      bottom: 0;
      width: 8rem; }

.quaddetail {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0;
  background-color: #ff4200; }
  .quaddetail_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .quaddetail_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none;
      color: #fff; }
      .quaddetail_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center; }
        .quaddetail_ctl_box_icon_img {
          display: flex;
          width: 4rem; }
  .quaddetail_qrcode {
    display: flex;
    position: absolute;
    bottom: 20.5rem;
    right: 2rem;
    border-radius: 0.5rem;
    width: 11rem; }
  .quaddetail_wap {
    display: flex;
    flex-direction: column;
    margin: 0 auto; }
    .quaddetail_wap_form {
      display: flex;
      align-items: center;
      margin: 1rem 0; }
      .quaddetail_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none; }
      .quaddetail_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #3b32ec; }
    .quaddetail_wap_box {
      display: flex; }
      .quaddetail_wap_box_link {
        display: flex;
        width: 12rem;
        justify-content: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin-right: 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        background-color: #fff;
        color: #002060;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .quaddetail_wap_med {
      display: flex;
      width: 100%;
      justify-content: flex-end;
      align-items: center;
      margin: 1rem; }
      .quaddetail_wap_med_icon {
        display: flex;
        margin: 0.5rem; }
        .quaddetail_wap_med_icon_img {
          display: flex;
          width: 3rem; }

.quadabout {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #fff;
  color: #000; }
  .quadabout_title {
    display: flex;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .quadabout_box {
    display: flex;
    width: 100%;
    margin: 0.2rem 0;
    font-size: 1.5rem;
    font-weight: bold; }
    .quadabout_box_1 {
      display: flex;
      flex: 0 0 38%; }
    .quadabout_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .quadabout_box_3 {
      display: flex;
      flex: 1; }
  .quadabout_text {
    display: flex;
    text-align: justify;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 2rem 0; }

.quadback {
  display: flex;
  flex-direction: column;
  color: #fff; }

.quadgallery {
  display: flex;
  flex-direction: column;
  align-items: center; }
  .quadgallery_title {
    display: flex;
    font-size: 2.5rem;
    margin: 1.5rem 0; }
  .quadgallery_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
    .quadgallery_box_image {
      display: flex;
      width: 40rem;
      margin: 1.5rem 0;
      border-radius: 0.5rem;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.quadvideo {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ff4200; }
  .quadvideo_title {
    display: flex;
    font-size: 2.5rem;
    margin: 1.5rem 0;
    color: #fff; }
  .quadvideo_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
    .quadvideo_box_video {
      display: flex;
      width: 36rem;
      margin: 1.5rem 0;
      border-radius: 0.5rem;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.quadmap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3rem 1rem; }
  .quadmap_ma {
    display: flex;
    width: 40rem;
    height: 25rem;
    margin: 0 auto;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.quadenq {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: 1rem 0;
  background-color: #ff4200; }
  .quadenq_title {
    display: flex;
    font-size: 2rem;
    font-weight: bold;
    margin-top: 2rem;
    margin-bottom: 2rem;
    color: #fff; }
  .quadenq_form {
    display: flex;
    flex-direction: column;
    width: 50%;
    margin: 0 auto; }
    .quadenq_form_input {
      display: flex;
      width: 100%;
      margin: 0.5rem auto;
      padding: 0.8rem 2rem;
      border-radius: 3rem;
      border: none;
      outline: none;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .quadenq_form_btn {
      display: flex;
      cursor: pointer;
      margin: 0.5rem auto;
      padding: 0.8rem 2rem;
      border-radius: 3rem;
      border: none;
      outline: none;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
      color: #fff;
      background-color: #f44336; }

.quadfooter {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0;
  font-size: 1.2rem; }
  .quadfooter_link {
    display: flex;
    font-weight: 700;
    align-items: center;
    text-decoration: none; }
    .quadfooter_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #686666;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.ethoz {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: GOTHIC;
  color: #000;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.ethozlogo {
  display: flex;
  width: 100%;
  padding: 1rem 2rem;
  justify-content: flex-end;
  margin-top: 1rem; }
  .ethozlogo_img {
    display: flex;
    width: 20rem; }

.ethozpro {
  display: flex;
  width: 100%;
  padding: 1.5rem;
  flex-direction: column; }
  .ethozpro_box1 {
    display: flex;
    flex: 0 0 50%;
    margin-left: 4rem;
    flex-direction: column; }
    .ethozpro_box1_name {
      display: flex;
      font-size: 2rem;
      font-weight: bold;
      font-family: GOTHICB; }
    .ethozpro_box1_dec {
      display: flex;
      font-size: 1.5rem;
      font-weight: bold;
      font-family: GOTHICB; }
  .ethozpro_box2 {
    display: flex;
    position: relative;
    flex: 1;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 2.5rem;
    line-height: 1.6rem; }
    .ethozpro_box2_comp {
      display: flex;
      font-size: 1.8rem;
      font-weight: 800;
      color: #005eab;
      font-family: GOTHICB; }
    .ethozpro_box2_text {
      display: flex;
      font-size: 1.2rem; }
    .ethozpro_box2_con {
      display: flex; }
      .ethozpro_box2_con_tel {
        display: flex;
        font-size: 1.2rem;
        text-decoration: none;
        margin-right: 0.3rem;
        padding-right: 0.2rem;
        color: #000;
        border-right: 0.2rem solid; }
      .ethozpro_box2_con_did {
        display: flex;
        font-size: 1.2rem;
        text-decoration: none;
        margin-right: 0.3rem;
        padding-right: 0.2rem;
        color: #000;
        border-right: 0.2rem solid; }
      .ethozpro_box2_con_fax {
        display: flex;
        font-size: 1.2rem;
        text-decoration: none;
        color: #000; }
    .ethozpro_box2_email {
      display: flex;
      font-size: 1.3rem;
      text-decoration: none;
      color: #000; }
    .ethozpro_box2_pro {
      display: flex;
      position: absolute;
      bottom: 10rem;
      right: 0;
      align-items: flex-start;
      justify-content: center;
      width: 11rem;
      height: 11rem;
      overflow: hidden; }
      .ethozpro_box2_pro_img {
        display: flex;
        width: 11rem;
        height: 11rem; }
    .ethozpro_box2_qr {
      display: flex;
      position: absolute;
      bottom: 8rem;
      right: 0;
      width: 10rem; }
  .ethozpro_pro {
    display: flex;
    position: absolute;
    top: 2rem;
    left: 2rem;
    align-items: flex-start;
    justify-content: center;
    width: 11rem;
    height: 11rem;
    overflow: hidden; }
    .ethozpro_pro_img {
      display: flex;
      width: 11rem;
      height: 11rem; }

.ethozdetail {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0;
  background-color: #005eab; }
  .ethozdetail_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .ethozdetail_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none;
      color: #fff; }
      .ethozdetail_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center; }
        .ethozdetail_ctl_box_icon_img {
          display: flex;
          width: 5rem; }
  .ethozdetail_qrcode {
    display: flex;
    position: absolute;
    bottom: 20.5rem;
    right: 2rem;
    border-radius: 0.5rem;
    width: 11rem; }
  .ethozdetail_wap {
    display: flex;
    flex-direction: column;
    margin: 0 auto; }
    .ethozdetail_wap_form {
      display: flex;
      align-items: center;
      margin: 1rem 0; }
      .ethozdetail_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none; }
      .ethozdetail_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #3b32ec; }
    .ethozdetail_wap_box {
      display: flex; }
      .ethozdetail_wap_box_link {
        display: flex;
        width: 12rem;
        justify-content: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin-right: 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        background-color: #fff;
        color: #002060;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .ethozdetail_wap_med {
      display: flex;
      width: 100%;
      justify-content: flex-end;
      align-items: center;
      margin: 1rem; }
      .ethozdetail_wap_med_icon {
        display: flex;
        margin: 0.5rem; }
        .ethozdetail_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }

.ethozabout {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #fff;
  color: #1a2a8a; }
  .ethozabout_title {
    display: flex;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .ethozabout_box {
    display: flex;
    width: 100%;
    margin: 0.2rem 0;
    font-size: 1.5rem;
    font-weight: bold; }
    .ethozabout_box_1 {
      display: flex;
      flex: 0 0 38%; }
    .ethozabout_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .ethozabout_box_3 {
      display: flex;
      flex: 1; }
  .ethozabout_text {
    display: flex;
    /*text-align: justify;*/
    font-size: 1.5rem;
    font-weight: 700;
    margin: 2rem 0; }

.ethozback {
  display: flex;
  flex-direction: column;
  padding: 2rem 4rem;
  color: #fff;
  align-items: flex-end;
  background-color: #005eab; }
  .ethozback_text {
    display: flex;
    font-size: 1.5rem;
    font-family: GOTHICB;
    margin-bottom: 0.5rem;
    justify-content: center;
    text-transform: uppercase; }
  .ethozback_bot {
    display: flex;
    font-size: 1.3rem;
    text-align: center;
    font-weight: 700;
    margin-top: 4rem;
    margin-bottom: 2rem; }

.ethozmap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3rem 1rem; }
  .ethozmap_ma {
    display: flex;
    width: 40rem;
    height: 25rem;
    margin: 0 auto;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.ethozenq {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: 1rem 0;
  background-color: #005eab; }
  .ethozenq_title {
    display: flex;
    font-size: 2rem;
    font-weight: bold;
    margin-top: 2rem;
    margin-bottom: 2rem;
    color: #fff; }
  .ethozenq_form {
    display: flex;
    flex-direction: column;
    width: 70%;
    margin: 0 auto; }
    .ethozenq_form_input {
      display: flex;
      width: 100%;
      margin: 0.5rem auto;
      padding: 0.8rem 2rem;
      border-radius: 3rem;
     /* border: none; */
      outline: none;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }
    .ethozenq_form_btn {
      display: flex;
      cursor: pointer;
      margin: 0.5rem auto;
      padding: 0.8rem 2rem;
      border-radius: 3rem;
      border: none;
      outline: none;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
      color: #fff;
      background-color: #f44336; }

.ethozfooter {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5rem 0;
  font-size: 1.2rem; }
  .ethozfooter_link {
    display: flex;
    font-weight: 700;
    align-items: center;
    text-decoration: none; }
    .ethozfooter_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #686666;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.rad {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: var(--cardfont2);
  color: #54585b;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.radpro {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 1rem;
  border-bottom: 0.3rem solid #54585b; }
  .radpro_logo {
    display: flex;
    position: absolute;
    width: 100%;
    align-items: center;
    padding: 1rem; }
    .radpro_logo_img {
      display: flex;
      width: 18rem; }
  .radpro_box {
    display: flex;
    flex-direction: column;
    margin: 2rem 1rem 1rem 2rem;
    line-height: 2rem;
    align-items: flex-end; }
    .radpro_box_name {
      display: flex;
      font-size: 1.8rem;
      font-weight: 800; }
    .radpro_box_dep {
      display: flex;
      font-weight: 400;
      font-size: 1.4rem; }
    .radpro_box_dec {
      display: flex;
      font-weight: 400;
      font-size: 1.4rem;
      margin-bottom: 1rem; }
    .radpro_box_mob {
      display: flex;
      font-size: 1.4rem;
      font-weight: 400;
      text-decoration: none;
      color: #54585b; }
    .radpro_box_email {
      display: flex;
      font-size: 1.4rem;
      font-weight: 400;
      text-decoration: none;
      color: #54585b; }
    .radpro_box_comp {
      display: flex;
      margin-top: 1rem;
      font-size: 1.4rem;
      font-weight: 400; }
    .radpro_box_add {
      display: flex;
      font-size: 1.4rem;
      text-align: right;
      width: 45%;
      font-weight: 400;
      text-decoration: none;
      color: #54585b;
      justify-content: flex-end; }
    .radpro_box_web {
      display: flex;
      font-size: 1.4rem;
      text-align: right;
      font-weight: 800;
      text-decoration: none;
      color: #54585b;
      justify-content: flex-end;
      margin-bottom: 2rem; }
  .radpro_qr {
    display: flex;
    position: absolute;
    bottom: 2rem;
    left: 2rem;
    width: 11rem; }

.radpro1 {
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: flex-end;
  width: 100%;
  height: 35rem;
  margin: 0;
  padding: 1rem;
  border-bottom: 0.3rem solid #54585b; }
  .radpro1_logo {
    display: flex;
    position: absolute;
    width: 100%;
    align-items: center;
    top: 2rem;
    padding: 1rem; }
    .radpro1_logo_img {
      display: flex;
      width: 18rem; }
  .radpro1_box {
    display: flex;
    flex-direction: column;
    margin: 2rem 1rem 1rem 2rem;
    line-height: 2rem;
    align-items: flex-end; }
    .radpro1_box_name {
      display: flex;
      font-size: 1.8rem;
      font-weight: 800; }
    .radpro1_box_dep {
      display: flex;
      font-weight: 400;
      font-size: 1.4rem; }
    .radpro1_box_dec {
      display: flex;
      font-weight: 400;
      font-size: 1.4rem;
      margin-bottom: 1rem; }
    .radpro1_box_mob {
      display: flex;
      font-size: 1.4rem;
      font-weight: 400;
      text-decoration: none;
      color: #54585b; }
    .radpro1_box_email {
      display: flex;
      font-size: 1.4rem;
      font-weight: 400;
      text-decoration: none;
      color: #54585b; }
    .radpro1_box_comp {
      display: flex;
      margin-top: 1rem;
      font-size: 1.4rem;
      font-weight: 400; }
    .radpro1_box_add {
      display: flex;
      font-size: 1.4rem;
      text-align: right;
      width: 45%;
      font-weight: 400;
      text-decoration: none;
      color: #54585b;
      justify-content: flex-end; }
    .radpro1_box_web {
      display: flex;
      font-size: 1.4rem;
      text-align: right;
      font-weight: 800;
      text-decoration: none;
      color: #54585b;
      justify-content: flex-end;
      margin-bottom: 1rem; }
  .radpro1_qr {
    display: flex;
    position: absolute;
    bottom: 1rem;
    left: 2rem;
    width: 11rem; }
  .radpro1_pro {
    display: flex;
    position: absolute;
    top: 2rem;
    right: 2rem;
    width: 12rem; }

.radback {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  margin: 0;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  border-bottom: 0.3rem solid #54585b; }
  .radback_box {
    display: flex;
    height: 15rem;
    align-items: center;
    justify-content: center; }
    .radback_box_text {
      display: flex;
      font-size: 2rem;
      font-style: italic; }
  .radback_img {
    display: flex;
    width: 95%; }

.raddetail {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0;
  color: #54585b;
  border-bottom: 0.3rem solid #54585b; }
  .raddetail_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .raddetail_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none;
      color: #54585b; }
      .raddetail_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center;
        outline: none; }
        .raddetail_ctl_box_icon_img {
          display: flex;
          width: 5rem; }
        .raddetail_ctl_box_icon_img1 {
          display: flex;
          width: 5rem;
          height: 4.2rem;
          background-image: url(../img/cards/radisson/icon/locationicon.png);
          background-size: 5rem 4.2rem;
          background-repeat: no-repeat; }
        .raddetail_ctl_box_icon_img2 {
          display: flex;
          width: 5rem;
          height: 4.2rem;
          background-image: url(../img/cards/radisson/icon/emailicon.png);
          background-size: 5rem 4.2rem;
          background-repeat: no-repeat; }
        .raddetail_ctl_box_icon_img3 {
          display: flex;
          width: 5rem;
          height: 4.2rem;
          background-image: url(../img/cards/radisson/icon/wapicon.png);
          background-size: 5rem 4.2rem;
          background-repeat: no-repeat; }
        .raddetail_ctl_box_icon_img4 {
          display: flex;
          width: 5rem;
          height: 4.2rem;
          background-image: url(../img/cards/radisson/icon/webicon.png);
          background-size: 5rem 4.2rem;
          background-repeat: no-repeat; }
        .raddetail_ctl_box_icon_img5 {
          display: flex;
          width: 5rem;
          height: 4.2rem;
          background-image: url(../img/cards/radisson/icon/callicon.png);
          background-size: 5rem 4.2rem;
          background-repeat: no-repeat; }
  .raddetail_main {
    display: flex;
    width: 100%; }
  .raddetail_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .raddetail_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .raddetail_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .raddetail_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
      .raddetail_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #11e223;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
    .raddetail_wap_box {
      display: flex;
      margin: 0.5rem 3.5rem;
      justify-content: center; }
      .raddetail_wap_box_link {
        display: flex;
        width: 17rem;
        text-align: center;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        color: #000;
        background-color: #fff;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
    .raddetail_wap_med {
      display: flex;
      width: 100%;
      justify-content: flex-end;
      padding: 1rem 5rem;
      align-items: center; }
      .raddetail_wap_med_icon {
        display: flex;
        margin: 0.5rem;
        text-decoration: none;
        align-items: center; }
        .raddetail_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }
        .raddetail_wap_med_icon_img1 {
          display: flex;
          width: 4.2rem;
          height: 4.2rem;
          background-image: url(../img/cards/radisson/icon/fb.png);
          background-size: 4.2rem 4.2rem;
          background-repeat: no-repeat; }
        .raddetail_wap_med_icon_img2 {
          display: flex;
          width: 4.2rem;
          height: 4.2rem;
          background-image: url(../img/cards/radisson/icon/insta.png);
          background-size: 4.2rem 4.2rem;
          background-repeat: no-repeat; }
        .raddetail_wap_med_icon_img3 {
          display: flex;
          width: 4.2rem;
          height: 4.2rem;
          background-image: url(../img/cards/radisson/icon/ln.png);
          background-size: 4.2rem 4.2rem;
          background-repeat: no-repeat; }
        .raddetail_wap_med_icon_img4 {
          display: flex;
          width: 4.2rem;
          height: 4.2rem;
          background-image: url(../img/cards/radisson/icon/you.png);
          background-size: 4.2rem 4.2rem;
          background-repeat: no-repeat; }
        .raddetail_wap_med_icon_img5 {
          display: flex;
          width: 4.2rem;
          height: 4.2rem;
          background-image: url(../img/cards/radisson/icon/twitt.png);
          background-size: 4.2rem 4.2rem;
          background-repeat: no-repeat; }

.radabout {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #fff; }
  .radabout_title {
    display: flex;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .radabout_box {
    display: flex;
    width: 100%;
    margin: 0.5rem 0;
    font-size: 1.5rem; }
    .radabout_box_1 {
      display: flex;
      flex: 0 0 38%; }
    .radabout_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .radabout_box_3 {
      display: flex;
      flex: 1; }
  .radabout_text {
    display: flex;
    line-height: 2rem;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 2rem 0; }

.radgallery {
  display: none;
  flex-direction: column;
  align-items: center; }
  .radgallery_title {
    display: flex;
    font-size: 2.5rem;
    margin: 1.5rem 0; }
  .radgallery_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
    .radgallery_box_image {
      display: flex;
      width: 40rem;
      margin: 1.5rem 0;
      border-radius: 0.5rem;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.radvideo {
  display: none;
  flex-direction: column;
  align-items: center; }
  .radvideo_title {
    display: flex;
    font-size: 2.5rem;
    margin: 1.5rem 0; }
  .radvideo_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
    .radvideo_box_video {
      display: flex;
      width: 40rem;
      height: 25rem;
      margin: 1.5rem 0;
      border-radius: 0.5rem;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.radmap {
  display: none;
  justify-content: center;
  align-items: center;
  padding: 3rem 1rem; }
  .radmap_ma {
    display: flex;
    width: 40rem;
    height: 25rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.radfooter {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0;
  font-size: 1.2rem; }
  .radfooter_link {
    display: flex;
    font-weight: 700;
    align-items: center;
    color: #fff;
    text-decoration: none; }
    .radfooter_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #fff;
      font-size: 700; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.pok {
  display: flex;
  flex-direction: column;
  max-width: 48rem;
  min-height: 60rem;
  padding: 0;
  margin: 2rem auto;
  position: relative;
  font-family: var(--cardfont2);
  color: #000;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); }

.pokpro {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 1rem;
  border-left: 1.5rem solid #e12229;
  border-bottom: 0.2rem solid #e12229; }
  .pokpro_logo {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end; }
    .pokpro_logo_img {
      display: flex;
      width: 16rem; }
  .pokpro_box {
    display: flex;
    flex-direction: column;
    margin-top: 8rem;
    margin-left: 2rem;
    margin-right: 2rem; }
    .pokpro_box_name {
      display: flex;
      font-size: 2rem;
      font-weight: 800; }
    .pokpro_box_dep {
      display: flex;
      font-size: 1.5rem;
      font-weight: 500; }
    .pokpro_box_comp {
      display: flex;
      font-size: 2rem;
      font-weight: 800;
      color: #e12229;
      margin-top: 10rem; }
    .pokpro_box_link {
      display: flex;
      text-decoration: none;
      color: #000;
      align-items: center; }
      .pokpro_box_link_text {
        display: flex;
        font-size: 1.4rem;
        margin-left: 0.5rem; }
      .pokpro_box_link_icon {
        display: flex;
        width: 1.6rem;
        height: 1.6rem;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        outline: none;
        padding: 0.2rem;
        background-color: #e12229; }
        .pokpro_box_link_icon_img1 {
          display: flex;
          width: 1.2rem;
          height: 1.2rem;
          border-radius: 50%;
          background-image: url(../img/cards/pokka/icon/emailicon.png);
          background-size: 1.2rem 1.2rem;
          background-repeat: no-repeat; }
    .pokpro_box_add {
      display: flex;
      font-size: 1.5rem;
      font-weight: 500;
      color: #000;
      text-decoration: none; }
  .pokpro_box1 {
    display: flex;
    margin: 1rem 2rem;
    justify-content: space-around; }
    .pokpro_box1_link {
      display: flex;
      text-decoration: none;
      color: #000;
      align-items: center; }
      .pokpro_box1_link_text {
        display: flex;
        font-size: 1.4rem;
        margin-left: 0.5rem; }
      .pokpro_box1_link_icon {
        display: flex;
        width: 1.6rem;
        height: 1.6rem;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        outline: none;
        padding: 0.2rem;
        background-color: #e12229; }
        .pokpro_box1_link_icon_img2 {
          display: flex;
          width: 1.2rem;
          height: 1.2rem;
          border-radius: 50%;
          background-image: url(../img/cards/pokka/icon/fb.png);
          background-size: 1.2rem 1.2rem;
          background-repeat: no-repeat; }
        .pokpro_box1_link_icon_img3 {
          display: flex;
          width: 1.2rem;
          height: 1.2rem;
          border-radius: 50%;
          background-image: url(../img/cards/pokka/icon/webicon.png);
          background-size: 1.2rem 1.2rem;
          background-repeat: no-repeat; }
        .pokpro_box1_link_icon_img4 {
          display: flex;
          width: 1.2rem;
          height: 1.2rem;
          border-radius: 50%;
          background-image: url(../img/cards/pokka/icon/insta.png);
          background-size: 1.2rem 1.2rem;
          background-repeat: no-repeat; }
  .pokpro_qr {
    display: flex;
    position: absolute;
    top: 22.5rem;
    right: 2.5rem;
    width: 9rem; }
  .pokpro_pro {
    display: flex;
    position: absolute;
    top: 2rem;
    left: 3rem;
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    overflow: hidden; }
    .pokpro_pro_img {
      display: flex;
      width: 100%; }

.pokback {
  display: flex;
  flex-direction: column;
  background-color: #e12229;
  color: #fff; }
  .pokback_logo {
    display: flex;
    margin: 0 1rem; }
    .pokback_logo_img {
      display: flex;
      width: 18rem;
      padding: 1rem; }
	  .pokback_logo_img2 {
      display: flex;
      width: 14rem;
      padding: 1rem;
	  position:absolute;
	  right:2rem;	  
	   }
  .pokback_box {
    display: flex;
    margin: 0 1rem;
    font-size: 1.5rem;
    line-height: 2rem;
    border-bottom: 0.2rem solid #fff; }
  .pokback_box1 {
    display: flex;
    margin: 0.5rem 1rem; }
    .pokback_box1_1 {
      display: flex;
      flex-direction: column;
      flex: 0 0 50%; }
      .pokback_box1_1_a1 {
        display: flex;
        margin: 1rem 0.2rem;
        flex-direction: column; }
        .pokback_box1_1_a1_comp {
          display: flex;
          font-size: 1.4rem;
          font-weight: 700;
          text-transform: uppercase; }
        .pokback_box1_1_a1_br {
          display: flex;
          font-size: 1.3rem;
          font-weight: 700; }
        .pokback_box1_1_a1_add {
          display: flex;
          font-size: 1.3rem;
          font-weight: 500; }
        .pokback_box1_1_a1_box {
          display: flex;
          margin: 0.2rem;
          flex-wrap: wrap;
          justify-content: space-between; }
          .pokback_box1_1_a1_box_link {
            display: flex;
            text-decoration: none;
            color: #fff;
            align-items: center; }
            .pokback_box1_1_a1_box_link_text {
              display: flex;
              font-size: 1.2rem; }
            .pokback_box1_1_a1_box_link_icon {
              display: flex;
              width: 1.4rem;
              height: 1.4rem;
              justify-content: center;
              align-items: center;
              border-radius: 50%;
              outline: none;
              padding: 0.2rem;
              background-color: #fff; }
              .pokback_box1_1_a1_box_link_icon_img5 {
                display: flex;
                width: 1rem;
                height: 1rem;
                border-radius: 50%;
                background-image: url(../img/cards/pokka/icon/callicon.png);
                background-size: 1rem 1rem;
                background-repeat: no-repeat; }
    .pokback_box1_2 {
      display: flex;
      flex-direction: column; }

.pokdetail {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 3rem 0;
  color: #000;
  border-bottom: 0.3rem solid #e12229; }
  .pokdetail_ctl {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .pokdetail_ctl_box {
      display: flex;
      width: 100%;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      margin: 0.2rem 0;
      text-decoration: none;
      color: #e12229; }
      .pokdetail_ctl_box_icon {
        display: flex;
        flex: 0 0 18%;
        justify-content: center;
        align-items: center;
        outline: none; }
        .pokdetail_ctl_box_icon_img {
          display: flex;
          width: 5rem; }
        .pokdetail_ctl_box_icon_img1 {
          display: flex;
          width: 5rem;
          height: 4.2rem;
          background-image: url(../img/cards/pokka/icon/locationicon.png);
          background-size: 5rem 4.2rem;
          background-repeat: no-repeat; }
        .pokdetail_ctl_box_icon_img2 {
          display: flex;
          width: 5rem;
          height: 4.2rem;
          background-image: url(../img/cards/pokka/icon/emailicon1.png);
          background-size: 5rem 4.2rem;
          background-repeat: no-repeat; }
        .pokdetail_ctl_box_icon_img3 {
          display: flex;
          width: 5rem;
          height: 4.2rem;
          background-image: url(../img/cards/pokka/icon/wapicon1.png);
          background-size: 5rem 4.2rem;
          background-repeat: no-repeat; }
        .pokdetail_ctl_box_icon_img4 {
          display: flex;
          width: 5rem;
          height: 4.2rem;
          background-image: url(../img/cards/pokka/icon/webicon.png);
          background-size: 5rem 4.2rem;
          background-repeat: no-repeat; }
        .pokdetail_ctl_box_icon_img5 {
          display: flex;
          width: 5rem;
          height: 4.2rem;
          background-image: url(../img/cards/pokka/icon/callicon.png);
          background-size: 5rem 4.2rem;
          background-repeat: no-repeat; }
  .pokdetail_main {
    display: flex;
    width: 100%; }
  .pokdetail_wap {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .pokdetail_wap_title {
      display: flex;
      font-size: 2rem;
      font-weight: 700;
      color: #fff;
      justify-content: center;
      margin: 0.5rem 4rem;
      margin-bottom: 1rem; }
    .pokdetail_wap_form {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem 1rem; }
      .pokdetail_wap_form_input {
        display: flex;
        width: 15rem;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        margin: 0.5rem;
        border-radius: 3rem;
        outline: none;
        border: none;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
      .pokdetail_wap_form_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.2rem;
        padding: 1rem 2rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 3rem;
        border: none;
        outline: none;
        color: #fff;
        background-color: #11e223;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
    .pokdetail_wap_box {
      display: flex;
      margin: 0.5rem 3.5rem;
      justify-content: center; }
      .pokdetail_wap_box_link {
        display: flex;
        width: 17rem;
        text-align: center;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 2rem;
        margin: 0 0.5rem;
        border-radius: 3rem;
        text-decoration: none;
        color: #000;
        background-color: #fff;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
    .pokdetail_wap_med {
      display: flex;
      width: 100%;
      justify-content: flex-end;
      padding: 1rem 5rem;
      align-items: center; }
      .pokdetail_wap_med_icon {
        display: flex;
        margin: 0.5rem;
        text-decoration: none;
        align-items: center; }
        .pokdetail_wap_med_icon_img {
          display: flex;
          width: 4.2rem; }
        .pokdetail_wap_med_icon_img1 {
          display: flex;
          width: 4.2rem;
          height: 4.2rem;
          background-image: url(../img/cards/radisson/icon/fb.png);
          background-size: 4.2rem 4.2rem;
          background-repeat: no-repeat; }
        .pokdetail_wap_med_icon_img2 {
          display: flex;
          width: 4.2rem;
          height: 4.2rem;
          background-image: url(../img/cards/radisson/icon/insta.png);
          background-size: 4.2rem 4.2rem;
          background-repeat: no-repeat; }
        .pokdetail_wap_med_icon_img3 {
          display: flex;
          width: 4.2rem;
          height: 4.2rem;
          background-image: url(../img/cards/radisson/icon/ln.png);
          background-size: 4.2rem 4.2rem;
          background-repeat: no-repeat; }
        .pokdetail_wap_med_icon_img4 {
          display: flex;
          width: 4.2rem;
          height: 4.2rem;
          background-image: url(../img/cards/radisson/icon/you.png);
          background-size: 4.2rem 4.2rem;
          background-repeat: no-repeat; }
        .pokdetail_wap_med_icon_img5 {
          display: flex;
          width: 4.2rem;
          height: 4.2rem;
          background-image: url(../img/cards/radisson/icon/twitt.png);
          background-size: 4.2rem 4.2rem;
          background-repeat: no-repeat; }

.pokabout {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2rem 3rem;
  background-color: #fff; }
  .pokabout_title {
    display: flex;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .pokabout_box {
    display: flex;
    width: 100%;
    margin: 0.5rem 0;
    font-size: 1.5rem; }
    .pokabout_box_1 {
      display: flex;
      flex: 0 0 38%; }
    .pokabout_box_2 {
      display: flex;
      flex: 0 0 5%;
      justify-content: center; }
    .pokabout_box_3 {
      display: flex;
      flex: 1; }
  .pokabout_text {
    display: flex;
    line-height: 2rem;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 2rem 0; }

.pokgallery {
  display: none;
  flex-direction: column;
  align-items: center; }
  .pokgallery_title {
    display: flex;
    font-size: 2.5rem;
    margin: 1.5rem 0; }
  .pokgallery_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
    .pokgallery_box_image {
      display: flex;
      width: 40rem;
      margin: 1.5rem 0;
      border-radius: 0.5rem;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.pokvideo {
  display: none;
  flex-direction: column;
  align-items: center; }
  .pokvideo_title {
    display: flex;
    font-size: 2.5rem;
    margin: 1.5rem 0; }
  .pokvideo_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
    .pokvideo_box_video {
      display: flex;
      width: 40rem;
      height: 25rem;
      margin: 1.5rem 0;
      border-radius: 0.5rem;
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.pokmap {
  display: none;
  justify-content: center;
  align-items: center;
  padding: 3rem 1rem; }
  .pokmap_ma {
    display: flex;
    width: 40rem;
    height: 25rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.pokfooter {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0;
  font-size: 1.2rem; }
  .pokfooter_link {
    display: flex;
    font-weight: 700;
    align-items: center;
    color: #fff;
    text-decoration: none; }
    .pokfooter_link span {
      display: flex;
      margin: 0 0.4rem;
      color: #fff;
      font-size: 700; }

.con {
  display: none;
  flex: 1;
  flex-direction: column;
  margin: 2rem; }
  .con_title {
    display: flex; }
    .con_title_text {
      display: flex;
      margin-right: 1rem;
      font-size: 2.5rem;
      color: #002060; }
  .con_active {
    display: flex; }

.scroll {
  display: flex;
  width: 90%;
  margin: 1rem auto;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
  overflow-x: hidden; }
  .scroll_cont {
    display: flex;
    align-items: center;
    justify-content: center;
    animation: slide-left 20s linear infinite; }
    .scroll_cont_item {
      display: flex;
      position: relative;
      flex-direction: column;
      align-items: flex-end;
      width: 16rem;
      margin: 1rem;
      padding: 0.5rem;
      border-radius: 0.5rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .scroll_cont_item_img {
        display: flex;
        position: absolute;
        top: 1rem;
        left: 1rem;
        width: 4.5rem; }
      .scroll_cont_item_title {
        display: flex;
        font-size: 1.8rem;
        font-weight: 600; }
      .scroll_cont_item_text {
        display: flex;
        font-size: 1.5rem; }

@keyframes slide-left {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }

.count {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  position: relative;
  align-items: center; }
  @media only screen and (max-width: 48em) {
    .count {
      justify-content: center; } }
  .count_view {
    display: flex;
    flex-direction: column;
    flex: 0 0 35%;
    align-items: center;
    margin: 1rem;
    padding: 1rem;
    border-radius: 2rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    @media only screen and (max-width: 48em) {
      .count_view {
        flex: 0 0 90%;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center; } }
    .count_view_box {
      display: flex;
      width: 80%;
      align-items: center;
      border-bottom: 0.2rem solid #002060; }
      @media only screen and (min-width: 20em) {
        .count_view_box {
          width: 90%;
          border: none; } }
      @media only screen and (min-width: 26.5em) {
        .count_view_box {
          width: 50%;
          border: none; } }
      @media only screen and (min-width: 48em) {
        .count_view_box {
          width: 80%;
          align-items: center;
          border-bottom: 0.2rem solid #002060; } }
      .count_view_box_img {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 1rem;
        margin-right: 2rem;
        width: 8rem;
        height: 8rem;
        border-radius: 5rem;
        box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5);
        background-color: #fff; }
        @media only screen and (max-width: 48em) {
          .count_view_box_img {
            width: 6rem;
            height: 6rem; } }
        .count_view_box_img_icon {
          display: flex;
          width: 5rem;
          height: 5rem; }
          @media only screen and (max-width: 48em) {
            .count_view_box_img_icon {
              width: 4rem;
              height: 4rem; } }
      .count_view_box_text {
        display: flex;
        flex-direction: column;
        flex: 1;
        color: #002060; }
        .count_view_box_text_title {
          font-size: 2rem; }
          @media only screen and (max-width: 48em) {
            .count_view_box_text_title {
              font-size: 1.5rem; } }
        .count_view_box_text_count {
          font-size: 2.5rem;
          font-weight: 600; }
          @media only screen and (max-width: 48em) {
            .count_view_box_text_count {
              font-size: 1.8rem; } }
      .count_view_box:last-child {
        border-bottom: none; }
  .count_pro {
    display: flex;
    flex: 0 0 58%;
    border-radius: 2rem;
    margin: 1rem;
    justify-content: space-between;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    @media only screen and (max-width: 48em) {
      .count_pro {
        flex: 0 0 90%; } }
    .count_pro_rightnav {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 4rem;
      width: 5%;
      cursor: pointer; }
    .count_pro_con {
      display: flex;
      flex-direction: column;
      width: 85%; }
      .count_pro_con_box1 {
        display: flex;
        width: 100%;
        align-items: center;
        padding: 1rem 0;
        border-bottom: 0.2rem solid #3b32ec; }
        .count_pro_con_box1_logo {
          display: flex;
          width: 40%;
          height: 12rem;
          align-items: center;
          justify-content: center;
          border-radius: 1.5rem;
          box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
          @media only screen and (max-width: 48em) {
            .count_pro_con_box1_logo {
              width: 50%; } }
          .count_pro_con_box1_logo_img {
            width: 18rem; }
            @media only screen and (max-width: 48em) {
              .count_pro_con_box1_logo_img {
                width: 15rem; } }
        .count_pro_con_box1_content {
          display: flex;
          flex: 1;
          flex-direction: column;
          margin-left: 1rem; }
          .count_pro_con_box1_content_edit {
            display: flex;
            width: 100%;
            justify-content: flex-end;
            margin: 1rem; }
            .count_pro_con_box1_content_edit_btn {
              cursor: pointer;
              font-size: 1.5rem;
              background-color: #3b32ec;
              color: #fff;
              border-radius: 2rem;
              padding: 0.5rem 3.5rem;
              box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
          .count_pro_con_box1_content_company {
            display: flex;
            font-size: 1.8rem;
            font-weight: 600;
            margin: 0.5rem;
            color: #002060; }
          .count_pro_con_box1_content_title {
            display: flex;
            font-size: 1.6rem;
            color: #002060; }
          .count_pro_con_box1_content_contact {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            padding: 0.5rem;
            color: #002060;
            justify-content: space-between; }
            .count_pro_con_box1_content_contact_link {
              display: flex;
              text-decoration: none;
              font-size: 1.5rem;
              font-weight: 600;
              color: #002060; }
      .count_pro_con_box2 {
        display: flex;
        flex-direction: column;
        margin: 1rem 0;
        border-bottom: 0.2rem solid #3b32ec;
        color: #002060; }
        .count_pro_con_box2_title {
          display: flex;
          font-size: 2rem; }
        .count_pro_con_box2_content {
          display: flex;
          flex-direction: column;
          width: 90%;
          min-height: 10rem;
          background-color: #3b32ec;
          color: #fff;
          border-radius: 2rem;
          margin: 1rem auto;
          padding: 2rem; }
          .count_pro_con_box2_content_head {
            display: flex;
            font-size: 1.5rem;
            margin-bottom: 1rem; }
          .count_pro_con_box2_content_address {
            display: flex;
            font-size: 1.2rem; }
      .count_pro_con_box3 {
        display: flex;
        flex-direction: column;
        margin: 1rem 0; }
        .count_pro_con_box3_title {
          display: flex;
          font-size: 2rem;
          color: #002060; }
        .count_pro_con_box3_container {
          display: flex;
          justify-content: space-around; }
          @media only screen and (max-width: 48em) {
            .count_pro_con_box3_container {
              flex-wrap: wrap; } }
          .count_pro_con_box3_container_m1 {
            display: flex;
            flex: 0 0 60%;
            border-right: 0.2rem solid #3b32ec; }
            .count_pro_con_box3_container_m1_link {
              display: flex;
              margin: 0.8rem; }
              .count_pro_con_box3_container_m1_link_img {
                width: 4rem; }
          .count_pro_con_box3_container_m2 {
            display: flex; }
            .count_pro_con_box3_container_m2_link {
              display: flex;
              margin: 0.8rem; }
              .count_pro_con_box3_container_m2_link_img {
                width: 4rem; }
    .count_pro_leftnav {
      display: flex;
      font-size: 4rem;
      width: 5%;
      justify-content: center;
      align-items: center;
      cursor: pointer; }

.menu {
  display: flex;
  width: inherit;
  flex-wrap: wrap;
  justify-content: center; }
  .menu_box {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex: 0 0 17%;
    margin: 1rem;
    border-radius: 1rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    .menu_box_icon {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 15rem;
      border-bottom: 0.5rem solid #3b32ec; }
      .menu_box_icon_img {
        margin: 1rem;
        width: 15rem; }
    .menu_box_text {
      display: flex;
      align-items: center;
      height: 5rem;
      justify-content: space-between;
      font-size: 1.6rem;
      margin: 1rem 2rem;
      color: #002060; }
      .menu_box_text_1 {
        text-transform: uppercase; }
      .menu_box_text span {
        font-size: 2rem; }

.status {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 1rem;
  width: 100%; }
  .status_top {
    display: flex;
    flex-direction: column;
    flex: 0 0 40%;
    border-radius: 2rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    @media only screen and (max-width: 48em) {
      .status_top {
        flex: 0 0 100%; } }
    .status_top_mon {
      display: flex;
      width: 90%;
      margin: 1.5rem auto;
      background-color: #3b32ec;
      border-radius: 1.5rem;
      padding: 2rem 1rem; }
      .status_top_mon_text {
        display: flex;
        width: 50%;
        margin: 0.5rem;
        font-size: 1.8rem;
        font-weight: 600;
        color: #fff; }
      .status_top_mon_date {
        display: flex;
        border-radius: 1rem;
        font-size: 1.5rem;
        font-weight: 500;
        padding: 1rem;
        border: none;
        outline: none; }
    .status_top_box {
      display: flex;
      flex-direction: column;
      width: 95%;
      margin: 0 auto;
      max-height: 35rem;
      overflow: scroll; }
      .status_top_box::-webkit-scrollbar {
        width: 0.2rem; }
      .status_top_box::-webkit-scrollbar-thumb {
        background: #f1ecec; }
      .status_top_box_1 {
        display: flex;
        width: 100%;
        align-items: center;
        margin: 0.1rem;
        border-bottom: 0.2rem solid #3b32ec; }
        .status_top_box_1_pro {
          display: flex;
          width: 8rem;
          margin: 1rem;
          border-radius: 50%; }
        .status_top_box_1_text {
          display: flex;
          width: 42%;
          flex-direction: column;
          color: #002060;
          margin-left: 1rem; }
          .status_top_box_1_text_1 {
            font-size: 1.8rem;
            font-weight: 600; }
          .status_top_box_1_text_2 {
            font-size: 1.5rem;
            font-weight: 600; }
          .status_top_box_1_text_3 {
            font-size: 1.2rem;
            font-weight: 600; }
        .status_top_box_1_count {
          display: flex;
          flex: 1;
          justify-content: center;
          align-items: center; }
          .status_top_box_1_count_num {
            font-size: 1.5rem;
            color: #fff;
            background-color: #3b32ec;
            border-radius: 0.5rem;
            padding: 1rem; }
  .status_validity {
    display: flex;
    margin: 1rem;
    flex: 1;
    flex-wrap: wrap;
    justify-content: center;
    max-height: 45rem;
    overflow: scroll; }
    .status_validity::-webkit-scrollbar {
      width: 0.2rem; }
    .status_validity::-webkit-scrollbar-thumb {
      background: #f1ecec; }
    .status_validity_box {
      display: flex;
      cursor: pointer;
      flex-direction: column;
      align-items: center;
      width: 16.5rem;
      height: 20rem;
      border-radius: 1rem;
      margin: 0.5rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .status_validity_box_1 {
        display: flex;
        height: 30rem;
        justify-content: center;
        align-items: center;
        color: #002060; }
        .status_validity_box_1_text {
          font-size: 2.5rem;
          font-weight: 700; }
      .status_validity_box_2 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 1rem;
        width: 100%;
        height: 100%;
        background-color: #3b32ec;
        color: #fff; }
        .status_validity_box_2_text1 {
          font-size: 2.5rem;
          font-weight: 600; }
        .status_validity_box_2_text2 {
          font-size: 1.5rem; }

.graph {
  display: flex;
  margin: 1rem;
  width: 100%; }
  @media only screen and (max-width: 48em) {
    .graph {
      justify-content: center; } }
  .graph_box {
    display: flex;
    flex-direction: column;
    flex: 0 0 40%;
    border-radius: 2rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    @media only screen and (max-width: 48em) {
      .graph_box {
        flex: 0 0 90%; } }
    .graph_box_mon {
      display: flex;
      width: 90%;
      margin: 1.5rem auto;
      background-color: #3b32ec;
      border-radius: 1.5rem;
      padding: 2rem 1rem; }
      .graph_box_mon_text {
        display: flex;
        width: 50%;
        margin: 0.5rem;
        font-size: 1.8rem;
        font-weight: 600;
        color: #fff; }
      .graph_box_mon_date {
        display: flex;
        border-radius: 1rem;
        font-size: 1.5rem;
        font-weight: 500;
        padding: 1rem;
        border: none;
        outline: none; }
    .graph_box_design {
      display: flex;
      position: relative;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 2rem; }
      .graph_box_design_circle1 {
        display: flex;
        position: relative;
        height: 20rem;
        width: 20rem;
        align-items: center;
        justify-content: center;
        border-radius: 50%; }
        .graph_box_design_circle1_box1 {
          display: flex;
          width: 100%;
          height: 100%;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          border-radius: 50%;
          transition: all 0.2s; }
          .graph_box_design_circle1_box1 span {
            position: absolute;
            top: 50%;
            left: 50%;
            text-align: center;
            transform: translate(-50%, -50%);
            font-size: 1.8rem;
            font-weight: 800;
            color: #002060; }
      .graph_box_design_1 {
        display: flex;
        position: absolute;
        width: 20rem;
        height: 20rem;
        align-items: center;
        justify-content: center; }
        .graph_box_design_1_circle {
          display: flex;
          width: 100%;
          height: 100%;
          fill: none;
          stroke: #b999f1;
          stroke-width: 13;
          stroke-linecap: round;
          transform: translate(1rem, 1rem);
          stroke-dasharray: 560;
          stroke-dashoffset: 560; }
          .graph_box_design_1_circle:nth-child(1) {
            stroke-dashoffset: 560;
            stroke: #f1ecec; }
          .graph_box_design_1_circle:nth-child(2) {
            stroke-dashoffset: calc(560 - (560 * 58) / 100);
            stroke: #b999f1; }
      .graph_box_design_text {
        display: flex;
        position: absolute;
        flex-direction: column;
        align-items: center;
        color: #002060;
        justify-content: center; }
        .graph_box_design_text_1 {
          font-size: 2rem; }

.emplist {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .emplist_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 800;
    color: #002060; }
  .emplist_content {
    display: flex;
    font-size: 1.5rem;
    color: #002060; }
  .emplist_ctl {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    margin: 1rem; }
    .emplist_ctl_btn {
      display: flex;
      align-items: center;
      padding: 1rem 2rem;
      font-size: 2rem;
      color: #fff;
      background-color: #3b32ec;
      border-radius: 3rem; }
      .emplist_ctl_btn span {
        display: flex;
        font-size: 3rem; }
  .emplist_search {
    display: flex;
    margin: 1rem;
    margin-top: 2rem;
    color: #002060; }
    .emplist_search_form {
      display: flex;
      flex-wrap: wrap; }
      .emplist_search_form_input {
        display: flex;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.2rem;
        font-weight: 600;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .emplist_search_form_input input {
          display: flex;
          cursor: pointer;
          color: #002060;
          margin-right: 1rem;
          border: none;
          outline: none;
          background: none;
          font-size: 1.5rem;
          font-weight: 600; }
        .emplist_search_form_input span {
          font-size: 1.5rem; }
        .emplist_search_form_input_text {
          font-size: 1.5rem; }
      .emplist_search_form_toggle {
        display: none; }
      .emplist_search_form_text {
        display: flex;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .emplist_search_form_toggle:checked ~ .emplist_search_form_text {
        background-color: #3b32ec;
        color: #fff; }
      .emplist_search_form_selectall {
        display: none;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        color: #002060;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .emplist_search_form_greet {
        display: none;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        background-color: #11e223;
        color: #fff;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .emplist_search_form_cancel {
        display: none;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        background-color: #f44336;
        color: #fff;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
  .emplist_box {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    max-height: 60rem;
    overflow: scroll; }
    .emplist_box::-webkit-scrollbar {
      width: 0.2rem; }
    .emplist_box::-webkit-scrollbar-thumb {
      background: #f1ecec; }
    .emplist_box_item {
      display: flex;
      cursor: pointer;
      position: relative;
      flex-direction: column;
      width: 35rem;
      margin: 1rem;
      border-radius: 2rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .emplist_box_item_1 {
        display: flex; }
        .emplist_box_item_1_pro {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          flex: 0 0 30%; }
          .emplist_box_item_1_pro_img {
            display: flex;
            width: 7rem;
            height: 7rem;
            margin: 1rem;
            border-radius: 50%; }
        .emplist_box_item_1_detail {
          display: flex;
          flex: 1;
          flex-direction: column; }
          .emplist_box_item_1_detail_1 {
            display: flex;
            font-weight: 700;
            margin: 1rem 0;
            align-items: center; }
            .emplist_box_item_1_detail_1_id {
              display: flex;
              flex: 0 0 60%;
              font-size: 1.5rem; }
            .emplist_box_item_1_detail_1_con {
              display: flex;
              flex-wrap: wrap; }
              .emplist_box_item_1_detail_1_con_btn {
                display: flex;
                cursor: pointer;
                font-size: 1.5rem;
                text-decoration: none;
                background-color: #3b32ec;
                padding: 0.3rem 3rem;
                margin: 0.3rem 0;
                border-radius: 3rem;
                color: #fff; }
              .emplist_box_item_1_detail_1_con_text {
                display: flex;
                cursor: pointer;
                font-size: 1.5rem;
                background-color: #3b32ec;
                padding: 0.3rem 2rem;
                border-radius: 3rem;
                color: #fff; }
            .emplist_box_item_1_detail_1_select {
              display: none; }
            .emplist_box_item_1_detail_1_select:checked ~ .emplist_box_item_1_detail_1_text {
              background-color: #11e223; }
          .emplist_box_item_1_detail_2 {
            display: flex;
            flex-direction: column; }
            .emplist_box_item_1_detail_2_text {
              display: flex;
              font-size: 1.5rem;
              margin-bottom: 0.3rem; }
              .emplist_box_item_1_detail_2_text:first-child {
                font-weight: 700; }
      .emplist_box_item_2 {
        display: flex;
        margin: 1rem;
        justify-content: space-around; }
        .emplist_box_item_2_view {
          display: flex;
          align-items: center; }
          .emplist_box_item_2_view_img {
            width: 2rem; }
          .emplist_box_item_2_view_text {
            font-size: 1.3rem; }

.leads {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .leads_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 800;
    color: #002060; }
  .leads_content {
    display: flex;
    font-size: 1.5rem;
    color: #002060; }
  .leads_ctl1 {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    margin: 5rem 2rem; }
    .leads_ctl1_btn {
      display: flex;
      align-items: center;
      padding: 1rem 2rem;
      font-size: 2rem;
      color: #fff;
      background-color: #3b32ec;
      border-radius: 3rem; }
      .leads_ctl1_btn span {
        display: flex;
        font-size: 3rem; }
  .leads_ctl {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    margin: 1rem; }
    .leads_ctl_btn {
      display: flex;
      align-items: center;
      padding: 1rem 2rem;
      font-size: 2rem;
      color: #fff;
      background-color: #3b32ec;
      border-radius: 3rem; }
      .leads_ctl_btn span {
        display: flex;
        font-size: 3rem; }
  .leads_search {
    display: flex;
    margin: 1rem;
    margin-top: 2rem;
    color: #002060; }
    .leads_search_form {
      display: flex;
      flex-wrap: wrap; }
      .leads_search_form_input {
        display: flex;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.2rem;
        font-weight: 600;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .leads_search_form_input input {
          display: flex;
          cursor: pointer;
          color: #002060;
          margin-right: 1rem;
          border: none;
          outline: none;
          background: none;
          font-size: 1.5rem;
          font-weight: 600; }
        .leads_search_form_input span {
          font-size: 1.5rem; }
        .leads_search_form_input_text {
          font-size: 1.5rem; }
  .leads_box {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    max-height: 60rem;
    overflow: scroll; }
    .leads_box::-webkit-scrollbar {
      width: 0.2rem; }
    .leads_box::-webkit-scrollbar-thumb {
      background: #f1ecec; }
    .leads_box_item {
      display: flex;
      cursor: pointer;
      flex-direction: column;
      width: 35rem;
      margin: 1rem;
      border-radius: 2rem;
      background-color: #3b32ec;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .leads_box_item_1 {
        display: flex;
        justify-content: center;
        color: #fff; }
        .leads_box_item_1_detail {
          display: flex;
          flex: 0 0 80%;
          flex-direction: column; }
          .leads_box_item_1_detail_1 {
            display: flex;
            font-weight: 700;
            margin: 1rem 0;
            align-items: center; }
            .leads_box_item_1_detail_1_id {
              display: flex;
              flex: 0 0 70%;
              font-size: 1.5rem; }
            .leads_box_item_1_detail_1_btn {
              font-size: 1.5rem;
              background-color: #fff;
              padding: 0.3rem 3rem;
              border-radius: 3rem;
              color: #3b32ec; }
          .leads_box_item_1_detail_2 {
            display: flex;
            flex-direction: column; }
            .leads_box_item_1_detail_2_text {
              display: flex;
              font-size: 1.3rem;
              margin-bottom: 0.3rem; }
              .leads_box_item_1_detail_2_text:first-child {
                font-weight: 700; }
      .leads_box_item_2 {
        display: flex;
        margin: 1rem;
        justify-content: center; }
        .leads_box_item_2_text {
          font-size: 1.2rem;
          color: #fff; }

.otheremp {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .otheremp_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 800;
    color: #002060; }
  .otheremp_content {
    display: flex;
    font-size: 1.5rem;
    color: #002060; }
  .otheremp_ctl1 {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    margin: 5rem 2rem; }
    .otheremp_ctl1_btn {
      display: flex;
      align-items: center;
      padding: 1rem 2rem;
      font-size: 2rem;
      color: #fff;
      background-color: #3b32ec;
      border-radius: 3rem; }
      .otheremp_ctl1_btn span {
        display: flex;
        font-size: 3rem; }
  .otheremp_ctl {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    margin: 1rem; }
    .otheremp_ctl_btn {
      display: flex;
      align-items: center;
      padding: 1rem 2rem;
      font-size: 2rem;
      color: #fff;
      background-color: #3b32ec;
      border-radius: 3rem; }
      .otheremp_ctl_btn span {
        display: flex;
        font-size: 3rem; }
  .otheremp_search {
    display: flex;
    margin: 1rem;
    margin-top: 2rem;
    color: #002060; }
    .otheremp_search_form {
      display: flex;
      flex-wrap: wrap; }
      .otheremp_search_form_input {
        display: flex;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.2rem;
        font-weight: 600;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .otheremp_search_form_input input {
          display: flex;
          cursor: pointer;
          color: #002060;
          margin-right: 1rem;
          border: none;
          outline: none;
          background: none;
          font-size: 1.5rem;
          font-weight: 600; }
        .otheremp_search_form_input span {
          font-size: 1.5rem; }
        .otheremp_search_form_input_text {
          font-size: 1.5rem; }
      .otheremp_search_form_toggle {
        display: none; }
      .otheremp_search_form_text {
        display: flex;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .otheremp_search_form_toggle:checked ~ .otheremp_search_form_text {
        background-color: #3b32ec;
        color: #fff; }
      .otheremp_search_form_selectall {
        display: none;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        color: #002060;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .otheremp_search_form_greet {
        display: none;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        background-color: #11e223;
        color: #fff;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .otheremp_search_form_cancel {
        display: none;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        background-color: #f44336;
        color: #fff;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .otheremp_search_form_remove {
        display: none;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        background-color: #f44336;
        color: #fff;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
  .otheremp_box {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    max-height: 60rem;
    overflow: scroll; }
    .otheremp_box::-webkit-scrollbar {
      width: 0.2rem; }
    .otheremp_box::-webkit-scrollbar-thumb {
      background: #f1ecec; }
    .otheremp_box_item {
      display: flex;
      cursor: pointer;
      flex-direction: column;
      width: 35rem;
      margin: 1rem;
      border-radius: 2rem;
      background-color: #fd9800;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .otheremp_box_item_1 {
        display: flex;
        justify-content: center;
        color: #fff; }
        .otheremp_box_item_1_detail {
          display: flex;
          flex: 0 0 90%;
          flex-direction: column; }
          .otheremp_box_item_1_detail_1 {
            display: flex;
            font-weight: 700;
            margin: 1rem 0;
            align-items: center; }
            .otheremp_box_item_1_detail_1_id {
              display: flex;
              flex: 0 0 70%;
              font-size: 1.5rem; }
            .otheremp_box_item_1_detail_1_btn {
              font-size: 1.5rem;
              background-color: #fff;
              padding: 0.3rem 3rem;
              border-radius: 3rem;
              color: #002060; }
            .otheremp_box_item_1_detail_1_select {
              display: none; }
            .otheremp_box_item_1_detail_1_text {
              display: flex;
              cursor: pointer;
              font-size: 1.5rem;
              background-color: #fff;
              padding: 0.3rem 2rem;
              border-radius: 3rem;
              color: #002060; }
            .otheremp_box_item_1_detail_1_select:checked ~ .otheremp_box_item_1_detail_1_text {
              background-color: #11e223; }
          .otheremp_box_item_1_detail_2 {
            display: flex;
            flex-direction: column;
            margin-bottom: 1rem; }
            .otheremp_box_item_1_detail_2_text {
              display: flex;
              font-size: 1.3rem;
              margin-bottom: 0.3rem; }
              .otheremp_box_item_1_detail_2_text span {
                display: flex;
                width: 75%; }
              .otheremp_box_item_1_detail_2_text:first-child {
                font-weight: 700; }

.customer {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .customer_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 800;
    color: #002060; }
  .customer_content {
    display: flex;
    font-size: 1.5rem;
    color: #002060; }
  .customer_ctl1 {
    display: none;
    align-items: center;
    cursor: pointer;
    width: 100%;
    margin: 5rem 2rem; }
    .customer_ctl1_btn {
      display: flex;
      align-items: center;
      padding: 1rem 2rem;
      font-size: 2rem;
      color: #fff;
      background-color: #3b32ec;
      border-radius: 3rem; }
      .customer_ctl1_btn span {
        display: flex;
        font-size: 3rem; }
  .customer_ctl {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    margin: 1rem; }
    .customer_ctl_btn {
      display: flex;
      align-items: center;
      padding: 1rem 2rem;
      font-size: 2rem;
      color: #fff;
      background-color: #3b32ec;
      border-radius: 3rem; }
      .customer_ctl_btn span {
        display: flex;
        font-size: 3rem; }
  .customer_search {
    display: flex;
    margin: 1rem;
    margin-top: 2rem;
    color: #002060; }
    .customer_search_form {
      display: flex;
      flex-wrap: wrap; }
      .customer_search_form_input {
        display: flex;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.2rem;
        font-weight: 600;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .customer_search_form_input input {
          display: flex;
          cursor: pointer;
          color: #002060;
          margin-right: 1rem;
          border: none;
          outline: none;
          background: none;
          font-size: 1.5rem;
          font-weight: 600; }
        .customer_search_form_input span {
          font-size: 1.5rem; }
        .customer_search_form_input_text {
          font-size: 1.5rem; }
      .customer_search_form_toggle {
        display: none; }
      .customer_search_form_text {
        display: flex;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .customer_search_form_toggle:checked ~ .customer_search_form_text {
        background-color: #3b32ec;
        color: #fff; }
      .customer_search_form_selectall {
        display: none;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        color: #002060;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .customer_search_form_greet {
        display: none;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        background-color: #11e223;
        color: #fff;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .customer_search_form_cancel {
        display: none;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        background-color: #f44336;
        color: #fff;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .customer_search_form_remove {
        display: none;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        background-color: #f44336;
        color: #fff;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
  .customer_box {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    max-height: 60rem;
    overflow: scroll; }
    .customer_box::-webkit-scrollbar {
      width: 0.2rem; }
    .customer_box::-webkit-scrollbar-thumb {
      background: #f1ecec; }
    .customer_box_item {
      display: flex;
      cursor: pointer;
      flex-direction: column;
      width: 35rem;
      margin: 1rem;
      border-radius: 2rem;
      background-color: #fd9800;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .customer_box_item_1 {
        display: flex;
        justify-content: center;
        color: #fff; }
        .customer_box_item_1_detail {
          display: flex;
          flex: 0 0 80%;
          flex-direction: column; }
          .customer_box_item_1_detail_1 {
            display: flex;
            font-weight: 700;
            margin: 1rem 0;
            align-items: center; }
            .customer_box_item_1_detail_1_id {
              display: flex;
              flex: 0 0 70%;
              font-size: 1.5rem; }
            .customer_box_item_1_detail_1_btn {
              font-size: 1.5rem;
              background-color: #fff;
              padding: 0.3rem 3rem;
              border-radius: 3rem;
              color: #fd9800; }
            .customer_box_item_1_detail_1_select {
              display: none; }
            .customer_box_item_1_detail_1_text {
              display: flex;
              cursor: pointer;
              font-size: 1.5rem;
              background-color: #fff;
              padding: 0.3rem 2rem;
              border-radius: 3rem;
              color: #fd9800; }
            .customer_box_item_1_detail_1_select:checked ~ .customer_box_item_1_detail_1_text {
              background-color: #11e223; }
          .customer_box_item_1_detail_2 {
            display: flex;
            flex-direction: column; }
            .customer_box_item_1_detail_2_text {
              display: flex;
              font-size: 1.3rem;
              margin-bottom: 0.3rem; }
              .customer_box_item_1_detail_2_text:first-child {
                font-weight: 700; }
      .customer_box_item_2 {
        display: flex;
        margin: 1rem;
        justify-content: center; }
        .customer_box_item_2_text {
          font-size: 1.2rem;
          color: #fff; }

.digital {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh; }
  .digital_title {
    font-size: 3rem;
    font-weight: 700;
    color: #3b32ec; }
  .digital_box {
    display: flex;
    width: 100%;
    flex-wrap: wrap; }
    .digital_box_item {
      display: flex;
      flex-direction: column;
      width: 14rem;
      align-items: center;
      margin: 2rem; }
      .digital_box_item_link {
        display: flex; }
        .digital_box_item_link_img {
          width: 18rem; }
      .digital_box_item_edit {
        display: flex;
        cursor: pointer;
        margin-top: 1rem;
        font-size: 1.8rem;
        border-radius: 3rem;
        padding: 0.5rem 3.5rem;
        background-color: #3b32ec;
        color: #fff; }
        .digital_box_item_edit:hover {
          background-color: #fd9800;
          box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }

.greeting {
  display: flex;
  width: 100%;
  flex-direction: column;
  margin-top: 2rem; }
  .greeting_title {
    display: flex;
    font-size: 3rem;
    color: #3b32ec;
    font-weight: 700; }
  .greeting_box {
    display: flex;
    width: 100%;
    margin: 2rem auto;
    padding: 2rem;
    justify-content: center;
    flex-wrap: wrap;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
    max-height: 40rem;
    overflow: scroll; }
    .greeting_box::-webkit-scrollbar {
      width: 0.2rem; }
    .greeting_box::-webkit-scrollbar-thumb {
      background: #686666; }
    .greeting_box_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 25rem;
      margin: 2rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .greeting_box_item_img {
        width: 22rem;
        height: 25rem;
        margin: 1rem; }
      .greeting_box_item_edit {
        display: flex;
        cursor: pointer;
        justify-content: center;
        width: 100%;
        margin-top: 1rem;
        padding: 1rem;
        font-size: 2rem;
        text-decoration: none;
        background-color: #3b32ec;
        color: #fff; }

.festival {
  display: flex;
  width: 100%;
  flex-direction: column;
  margin-top: 2rem; }
  .festival_title {
    display: flex;
    font-size: 3rem;
    color: #3b32ec;
    font-weight: 700; }
  .festival_box {
    display: flex;
    width: 100%;
    margin: 2rem auto;
    padding: 2rem;
    justify-content: center;
    flex-wrap: wrap;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
    max-height: 40rem;
    overflow: scroll; }
    .festival_box::-webkit-scrollbar {
      width: 0.2rem; }
    .festival_box::-webkit-scrollbar-thumb {
      background: #686666; }
    .festival_box_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 25rem;
      margin: 2rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .festival_box_item_img {
        width: 22rem;
        height: 25rem;
        margin: 1rem; }
      .festival_box_item_edit {
        display: flex;
        cursor: pointer;
        justify-content: center;
        width: 100%;
        margin-top: 1rem;
        padding: 1rem;
        font-size: 2rem;
        text-decoration: none;
        background-color: #3b32ec;
        color: #fff; }

.invitation {
  display: flex;
  width: 100%;
  flex-direction: column;
  margin-top: 2rem; }
  .invitation_title {
    display: flex;
    font-size: 3rem;
    color: #3b32ec;
    font-weight: 700; }
  .invitation_box {
    display: flex;
    width: 100%;
    margin: 2rem auto;
    padding: 2rem;
    justify-content: center;
    flex-wrap: wrap;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
    max-height: 40rem;
    overflow: scroll; }
    .invitation_box::-webkit-scrollbar {
      width: 0.2rem; }
    .invitation_box::-webkit-scrollbar-thumb {
      background: #686666; }
    .invitation_box_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 25rem;
      margin: 2rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .invitation_box_item_img {
        width: 22rem;
        height: 25rem;
        margin: 1rem; }
      .invitation_box_item_edit {
        display: flex;
        cursor: pointer;
        justify-content: center;
        width: 100%;
        margin-top: 1rem;
        padding: 1rem;
        font-size: 2rem;
        text-decoration: none;
        background-color: #3b32ec;
        color: #fff; }

.copbill {
  display: flex;
  flex-direction: column; }
  .copbill_com {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 90%;
    margin: 1rem auto;
    border-radius: 1rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    @media only screen and (min-width: 20em) {
      .copbill_com {
        width: 100%; } }
    @media only screen and (min-width: 23.4em) {
      .copbill_com {
        width: 100%; } }
    @media only screen and (min-width: 26.5em) {
      .copbill_com {
        width: 100%; } }
    @media only screen and (min-width: 48em) {
      .copbill_com {
        width: 90%; } }
    .copbill_com_mon {
      display: flex;
      width: 95%;
      justify-content: space-around;
      margin: 1.5rem auto;
      background-color: #3b32ec;
      border-radius: 1.5rem;
      padding: 2rem 1rem; }
      .copbill_com_mon_text {
        display: flex;
        margin: 0.5rem;
        font-size: 2.2rem;
        font-weight: 600;
        color: #fff; }
      .copbill_com_mon_date {
        display: flex;
        border-radius: 1rem;
        font-size: 1.5rem;
        font-weight: 500;
        padding: 1rem;
        border: none;
        outline: none; }
    .copbill_com_box {
      display: flex;
      flex-direction: column;
      width: 95%;
      max-height: 45rem;
      overflow: scroll; }
      .copbill_com_box::-webkit-scrollbar {
        width: 0.2rem; }
      .copbill_com_box::-webkit-scrollbar-thumb {
        background: #f1ecec; }
      .copbill_com_box_1 {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        align-items: center;
        border-bottom: 0.2rem solid #3b32ec; }
        .copbill_com_box_1_pro {
          display: flex;
          width: 10rem;
          margin: 1rem;
          border-radius: 0.5rem; }
          @media only screen and (min-width: 20em) {
            .copbill_com_box_1_pro {
              display: none; } }
          @media only screen and (min-width: 23.4em) {
            .copbill_com_box_1_pro {
              display: flex;
              width: 6.5rem; } }
          @media only screen and (min-width: 26.5em) {
            .copbill_com_box_1_pro {
              width: 8rem; } }
        .copbill_com_box_1_text {
          display: flex;
          width: 32%;
          flex-direction: column;
          color: #002060;
          margin: 1rem; }
          @media only screen and (min-width: 20em) {
            .copbill_com_box_1_text {
              width: 100%;
              margin: 0.5rem; } }
          @media only screen and (min-width: 23.4em) {
            .copbill_com_box_1_text {
              width: 75%;
              margin: 0.5rem; } }
          @media only screen and (min-width: 26.5em) {
            .copbill_com_box_1_text {
              width: 65%;
              margin: 0.5rem; } }
          @media only screen and (min-width: 48em) {
            .copbill_com_box_1_text {
              width: 35%;
              margin: 1rem; } }
          .copbill_com_box_1_text_box {
            display: flex;
            width: 100%;
            margin: 0.2rem;
            font-size: 1.6rem; }
            .copbill_com_box_1_text_box_con1 {
              display: flex;
              width: 30%; }
            .copbill_com_box_1_text_box_con2 {
              display: flex;
              justify-content: center;
              width: 10%; }
            .copbill_com_box_1_text_box_con3 {
              display: flex;
              width: 60%; }
        .copbill_com_box_1_amount {
          display: flex;
          width: 32%;
          flex-direction: column;
          color: #002060;
          margin: 1rem; }
          @media only screen and (min-width: 20em) {
            .copbill_com_box_1_amount {
              width: 100%;
              margin: 0.5rem; } }
          @media only screen and (min-width: 23.4em) {
            .copbill_com_box_1_amount {
              width: 65%;
              margin: 0.5rem; } }
          @media only screen and (min-width: 23.4em) {
            .copbill_com_box_1_amount {
              width: 65%;
              margin: 0.5rem; } }
          @media only screen and (min-width: 26.5em) {
            .copbill_com_box_1_amount {
              width: 60%;
              margin: 0.5rem; } }
          @media only screen and (min-width: 48em) {
            .copbill_com_box_1_amount {
              width: 35%;
              margin: 1rem; } }
          .copbill_com_box_1_amount_box {
            display: flex;
            width: 100%;
            margin: 0.2rem;
            font-size: 1.6rem; }
            .copbill_com_box_1_amount_box_con1 {
              display: flex;
              width: 50%; }
            .copbill_com_box_1_amount_box_con2 {
              display: flex;
              justify-content: center;
              width: 10%; }
            .copbill_com_box_1_amount_box_con3 {
              display: flex;
              width: 40%; }
        .copbill_com_box_1_ctl {
          display: flex;
          flex-direction: column; }
          @media only screen and (max-width: 23.4em) {
            .copbill_com_box_1_ctl {
              flex-direction: row; } }
          .copbill_com_box_1_ctl_btn {
            display: flex;
            justify-content: center;
            align-items: center;
            text-decoration: none;
            padding: 0.5rem 2rem;
            font-size: 1.5rem;
            margin: 1rem;
            border-radius: 3rem;
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
            color: #002060; }

.emp {
  display: none;
  flex: 1;
  flex-direction: column;
  margin: 2rem; }
  .emp_title {
    display: flex; }
    .emp_title_text {
      display: flex;
      margin-right: 1rem;
      font-size: 2.5rem;
      color: #002060; }
  .emp_active {
    display: flex; }

.empcon {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  position: relative;
  align-items: center; }
  @media only screen and (max-width: 48em) {
    .empcon {
      justify-content: center; } }
  .empcon_view {
    display: flex;
    flex-direction: column;
    flex: 0 0 35%;
    align-items: center;
    margin: 1rem;
    padding: 1rem;
    border-radius: 2rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    @media only screen and (max-width: 48em) {
      .empcon_view {
        flex: 0 0 95%;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center; } }
    .empcon_view_box {
      display: flex;
      width: 80%;
      align-items: center;
      border-bottom: 0.2rem solid #002060; }
      @media only screen and (min-width: 20em) {
        .empcon_view_box {
          width: 90%;
          border: none; } }
      @media only screen and (min-width: 26.5em) {
        .empcon_view_box {
          width: 33%;
          border: none;
          flex-direction: column; } }
      @media only screen and (min-width: 48em) {
        .empcon_view_box {
          width: 80%;
          align-items: center;
          border-bottom: 0.2rem solid #002060;
          flex-direction: row; } }
      .empcon_view_box_img {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 1rem;
        margin-right: 2rem;
        width: 8rem;
        height: 8rem;
        border-radius: 5rem;
        box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5);
        background-color: #fff; }
        @media only screen and (max-width: 48em) {
          .empcon_view_box_img {
            width: 6rem;
            height: 6rem; } }
        .empcon_view_box_img_icon {
          display: flex;
          width: 5rem;
          height: 5rem; }
          @media only screen and (max-width: 48em) {
            .empcon_view_box_img_icon {
              width: 4rem;
              height: 4rem; } }
      .empcon_view_box_text {
        display: flex;
        flex-direction: column;
        flex: 1;
        color: #002060; }
        @media only screen and (min-width: 26.5em) {
          .empcon_view_box_text {
            align-items: center; } }
        .empcon_view_box_text_title {
          font-size: 2rem; }
          @media only screen and (min-width: 26.5em) {
            .empcon_view_box_text_title {
              font-size: 1.3rem; } }
          @media only screen and (min-width: 48em) {
            .empcon_view_box_text_title {
              font-size: 1.8rem; } }
        .empcon_view_box_text_count {
          font-size: 2.5rem;
          font-weight: 600; }
          @media only screen and (max-width: 48em) {
            .empcon_view_box_text_count {
              font-size: 1.8rem; } }
      .empcon_view_box:last-child {
        border-bottom: none; }
  .empcon_pro {
    display: flex;
    flex: 0 0 55%;
    border-radius: 2rem;
    margin: 1rem;
    padding: 1rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    @media only screen and (max-width: 48em) {
      .empcon_pro {
        flex: 0 0 90%; } }
    .empcon_pro_box1 {
      display: flex;
      width: 40%;
      flex-direction: column;
      align-items: center;
      margin: 1rem;
      color: #002060; }
      .empcon_pro_box1_id {
        display: flex;
        flex-wrap: wrap;
        font-size: 1.8rem;
        font-weight: 700;
        margin: 1rem; }
      .empcon_pro_box1_profile {
        display: flex;
        width: 16rem;
        margin: 1rem;
        border-radius: 1rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
        justify-content: checked;
        align-items: center; }
        .empcon_pro_box1_profile_img {
          display: flex;
          width: 14rem;
          margin: 1rem; }
      .empcon_pro_box1_btn {
        padding: 1rem 3rem;
        cursor: pointer;
        background: #3b32ec;
        color: #fff;
        margin: 1rem;
        border-radius: 3rem;
        font-size: 1.8rem;
        font-weight: 700;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    .empcon_pro_box2 {
      display: flex;
      width: 60%;
      flex-direction: column;
      color: #002060; }
      .empcon_pro_box2_logo {
        display: flex;
        width: 20rem;
        min-height: 12rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
        border-radius: 1rem;
        align-items: center;
        justify-content: center;
        margin: 1rem auto; }
        .empcon_pro_box2_logo_img {
          display: flex;
          width: 15rem; }
      .empcon_pro_box2_company {
        display: flex;
        font-size: 2rem;
        font-weight: 700;
        margin: 0.5rem; }
      .empcon_pro_box2_name {
        display: flex;
        font-size: 1.8rem;
        font-weight: 700;
        margin: 0.5rem; }
      .empcon_pro_box2_contact {
        display: flex; }
        .empcon_pro_box2_contact_box {
          display: flex;
          flex-direction: column;
          flex: 0 0 50%; }
          .empcon_pro_box2_contact_box_title {
            display: flex;
            font-size: 1.8rem;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .empcon_pro_box2_contact_box_title {
                font-size: 1.5rem;
                margin: 0.2rem; } }
          .empcon_pro_box2_contact_box_link {
            font-size: 1.5rem;
            text-decoration: none;
            color: #002060;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .empcon_pro_box2_contact_box_link {
                font-size: 1.3rem;
                margin: 0.2rem; } }
      .empcon_pro_box2_address {
        display: flex;
        font-size: 1.2rem;
        font-weight: 500;
        margin: 0.5rem; }

.empctl {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  position: relative; }
  @media only screen and (max-width: 48em) {
    .empctl {
      justify-content: center; } }
  .empctl_menu {
    display: flex;
    width: 45%;
    margin: 1rem;
    flex-wrap: wrap; }
    @media only screen and (max-width: 48em) {
      .empctl_menu {
        width: 95%;
        justify-content: center; } }
    .empctl_menu_box {
      cursor: pointer;
      display: flex;
      flex-direction: column;
      width: 15rem;
      margin: 0.5rem;
      border-radius: 1rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .empctl_menu_box_icon {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 15rem;
        border-bottom: 0.5rem solid #3b32ec; }
        .empctl_menu_box_icon_img {
          margin: 1rem;
          width: 12rem; }
      .empctl_menu_box_text {
        display: flex;
        align-items: center;
        height: 3rem;
        justify-content: space-between;
        font-size: 1.2rem;
        margin: 1rem;
        color: #002060; }
        .empctl_menu_box_text_1 {
          text-transform: uppercase; }
        .empctl_menu_box_text span {
          font-size: 1.2rem; }
  .empctl_graph {
    display: flex;
    margin: 1rem;
    width: 45%; }
    @media only screen and (max-width: 48em) {
      .empctl_graph {
        width: 95%;
        justify-content: center; } }
    .empctl_graph_box {
      display: flex;
      width: 90%;
      flex-direction: column;
      border-radius: 2rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .empctl_graph_box_mon {
        display: flex;
        width: 90%;
        margin: 1.5rem auto;
        background-color: #3b32ec;
        border-radius: 1.5rem;
        padding: 2rem 1rem; }
        .empctl_graph_box_mon_text {
          display: flex;
          width: 50%;
          margin: 0.5rem;
          font-size: 1.8rem;
          font-weight: 600;
          color: #fff; }
        .empctl_graph_box_mon_date {
          display: flex;
          border-radius: 1rem;
          font-size: 1.5rem;
          font-weight: 500;
          padding: 1rem;
          border: none;
          outline: none; }
      .empctl_graph_box_design {
        display: flex;
        position: relative;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 2rem; }
        .empctl_graph_box_design_circle1 {
          display: flex;
          position: relative;
          height: 20rem;
          width: 20rem;
          align-items: center;
          justify-content: center;
          border-radius: 50%; }
          .empctl_graph_box_design_circle1_box1 {
            display: flex;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border-radius: 50%;
            transition: all 0.2s; }
            .empctl_graph_box_design_circle1_box1 span {
              position: absolute;
              top: 50%;
              left: 50%;
              text-align: center;
              transform: translate(-50%, -50%);
              font-size: 1.8rem;
              font-weight: 800;
              color: #002060; }
        .empctl_graph_box_design_1 {
          display: flex;
          position: absolute;
          width: 20rem;
          height: 20rem;
          align-items: center;
          justify-content: center; }
          .empctl_graph_box_design_1_circle {
            display: flex;
            width: 100%;
            height: 100%;
            fill: none;
            stroke: #b999f1;
            stroke-width: 13;
            stroke-linecap: round;
            transform: translate(1rem, 1rem);
            stroke-dasharray: 560;
            stroke-dashoffset: 560; }
            .empctl_graph_box_design_1_circle:nth-child(1) {
              stroke-dashoffset: 560;
              stroke: #f1ecec; }
            .empctl_graph_box_design_1_circle:nth-child(2) {
              stroke-dashoffset: calc(560 - (560 * 58) / 100);
              stroke: #b999f1; }
        .empctl_graph_box_design_text {
          display: flex;
          position: absolute;
          flex-direction: column;
          align-items: center;
          color: #002060;
          justify-content: center; }
          .empctl_graph_box_design_text_1 {
            font-size: 2rem; }

.empleads {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .empleads_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 800;
    color: #002060; }
  .empleads_content {
    display: flex;
    font-size: 1.5rem;
    color: #002060; }
  .empleads_ctl1 {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    margin: 5rem 2rem; }
    .empleads_ctl1_btn {
      display: flex;
      align-items: center;
      padding: 1rem 2rem;
      font-size: 2rem;
      color: #fff;
      background-color: #3b32ec;
      border-radius: 3rem; }
      .empleads_ctl1_btn span {
        display: flex;
        font-size: 3rem; }
  .empleads_ctl {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    margin: 1rem; }
    .empleads_ctl_btn {
      display: flex;
      align-items: center;
      padding: 1rem 2rem;
      font-size: 2rem;
      color: #fff;
      background-color: #3b32ec;
      border-radius: 3rem; }
      .empleads_ctl_btn span {
        display: flex;
        font-size: 3rem; }
  .empleads_search {
    display: flex;
    margin: 1rem;
    margin-top: 2rem;
    color: #002060; }
    .empleads_search_form {
      display: flex;
      flex-wrap: wrap; }
      .empleads_search_form_input {
        display: flex;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.2rem;
        font-weight: 600;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .empleads_search_form_input input {
          display: flex;
          cursor: pointer;
          color: #002060;
          margin-right: 1rem;
          border: none;
          outline: none;
          background: none;
          font-size: 1.5rem;
          font-weight: 600; }
        .empleads_search_form_input span {
          font-size: 1.5rem; }
        .empleads_search_form_input_text {
          font-size: 1.5rem; }
  .empleads_box {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    max-height: 60rem;
    overflow: scroll; }
    .empleads_box::-webkit-scrollbar {
      width: 0.2rem; }
    .empleads_box::-webkit-scrollbar-thumb {
      background: #f1ecec; }
    .empleads_box_item {
      display: flex;
      cursor: pointer;
      flex-direction: column;
      width: 35rem;
      margin: 1rem;
      border-radius: 2rem;
      background-color: #3b32ec;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .empleads_box_item_1 {
        display: flex;
        justify-content: center;
        color: #fff; }
        .empleads_box_item_1_detail {
          display: flex;
          flex: 0 0 80%;
          flex-direction: column; }
          .empleads_box_item_1_detail_1 {
            display: flex;
            font-weight: 700;
            margin: 1rem 0;
            align-items: center; }
            .empleads_box_item_1_detail_1_id {
              display: flex;
              flex: 0 0 70%;
              font-size: 1.5rem; }
            .empleads_box_item_1_detail_1_con {
              display: flex;
              flex-wrap: wrap;
              justify-content: center;
              align-items: center; }
              .empleads_box_item_1_detail_1_con_btn {
                font-size: 1.5rem;
                background-color: #fff;
                padding: 0.3rem 3rem;
                border-radius: 3rem;
                color: #3b32ec;
                margin: 0.3rem; }
          .empleads_box_item_1_detail_2 {
            display: flex;
            flex-direction: column; }
            .empleads_box_item_1_detail_2_text {
              display: flex;
              font-size: 1.3rem;
              margin-bottom: 0.3rem; }
              .empleads_box_item_1_detail_2_text:first-child {
                font-weight: 700; }
      .empleads_box_item_2 {
        display: flex;
        margin: 1rem;
        justify-content: center; }
        .empleads_box_item_2_text {
          font-size: 1.2rem;
          color: #fff; }

.empcustomer {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .empcustomer_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 800;
    color: #002060; }
  .empcustomer_content {
    display: flex;
    font-size: 1.5rem;
    color: #002060; }
  .empcustomer_ctl1 {
    display: none;
    align-items: center;
    cursor: pointer;
    width: 100%;
    margin: 5rem 2rem; }
    .empcustomer_ctl1_btn {
      display: flex;
      align-items: center;
      padding: 1rem 2rem;
      font-size: 2rem;
      color: #fff;
      background-color: #3b32ec;
      border-radius: 3rem; }
      .empcustomer_ctl1_btn span {
        display: flex;
        font-size: 3rem; }
  .empcustomer_ctl {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    margin: 1rem; }
    .empcustomer_ctl_btn {
      display: flex;
      align-items: center;
      padding: 1rem 2rem;
      font-size: 2rem;
      color: #fff;
      background-color: #3b32ec;
      border-radius: 3rem; }
      .empcustomer_ctl_btn span {
        display: flex;
        font-size: 3rem; }
  .empcustomer_search {
    display: flex;
    margin: 1rem;
    margin-top: 2rem;
    color: #002060; }
    .empcustomer_search_form {
      display: flex;
      flex-wrap: wrap; }
      .empcustomer_search_form_input {
        display: flex;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.2rem;
        font-weight: 600;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .empcustomer_search_form_input input {
          display: flex;
          cursor: pointer;
          color: #002060;
          margin-right: 1rem;
          border: none;
          outline: none;
          background: none;
          font-size: 1.5rem;
          font-weight: 600; }
        .empcustomer_search_form_input span {
          font-size: 1.5rem; }
        .empcustomer_search_form_input_text {
          font-size: 1.5rem; }
      .empcustomer_search_form_toggle {
        display: none; }
      .empcustomer_search_form_text {
        display: flex;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .empcustomer_search_form_toggle:checked ~ .empcustomer_search_form_text {
        background-color: #3b32ec;
        color: #fff; }
      .empcustomer_search_form_selectall {
        display: none;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        color: #002060;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .empcustomer_search_form_greet {
        display: none;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        background-color: #11e223;
        color: #fff;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .empcustomer_search_form_cancel {
        display: none;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        background-color: #f44336;
        color: #fff;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .empcustomer_search_form_remove {
        display: none;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        background-color: #f44336;
        color: #fff;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
  .empcustomer_box {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    max-height: 60rem;
    overflow: scroll; }
    .empcustomer_box::-webkit-scrollbar {
      width: 0.2rem; }
    .empcustomer_box::-webkit-scrollbar-thumb {
      background: #f1ecec; }
    .empcustomer_box_item {
      display: flex;
      cursor: pointer;
      flex-direction: column;
      width: 35rem;
      margin: 1rem;
      border-radius: 2rem;
      background-color: #fd9800;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .empcustomer_box_item_1 {
        display: flex;
        justify-content: center;
        color: #fff; }
        .empcustomer_box_item_1_detail {
          display: flex;
          flex: 0 0 80%;
          flex-direction: column; }
          .empcustomer_box_item_1_detail_1 {
            display: flex;
            font-weight: 700;
            margin: 1rem 0;
            align-items: center; }
            .empcustomer_box_item_1_detail_1_id {
              display: flex;
              flex: 0 0 70%;
              font-size: 1.5rem; }
            .empcustomer_box_item_1_detail_1_btn {
              font-size: 1.5rem;
              background-color: #fff;
              padding: 0.3rem 3rem;
              border-radius: 3rem;
              color: #fd9800; }
            .empcustomer_box_item_1_detail_1_select {
              display: none; }
            .empcustomer_box_item_1_detail_1_text {
              display: flex;
              cursor: pointer;
              font-size: 1.5rem;
              background-color: #fff;
              padding: 0.3rem 2rem;
              border-radius: 3rem;
              color: #fd9800; }
            .empcustomer_box_item_1_detail_1_select:checked ~ .empcustomer_box_item_1_detail_1_text {
              background-color: #3b32ec;
              color: #fff; }
          .empcustomer_box_item_1_detail_2 {
            display: flex;
            flex-direction: column; }
            .empcustomer_box_item_1_detail_2_text {
              display: flex;
              font-size: 1.3rem;
              margin-bottom: 0.3rem; }
              .empcustomer_box_item_1_detail_2_text:first-child {
                font-weight: 700; }
      .empcustomer_box_item_2 {
        display: flex;
        margin: 1rem;
        justify-content: center; }
        .empcustomer_box_item_2_text {
          font-size: 1.2rem;
          color: #fff; }

.empdigital {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .empdigital_title {
    font-size: 3rem;
    font-weight: 700;
    color: #3b32ec; }
  .empdigital_box {
    display: flex;
    width: 100%;
    height: 100vh;
    flex-wrap: wrap; }
    .empdigital_box_item {
      display: flex;
      flex-direction: column;
      width: 14rem;
      align-items: center;
      margin: 2rem; }
      .empdigital_box_item_link {
        display: flex; }
        .empdigital_box_item_link_img {
          width: 18rem; }
      .empdigital_box_item_edit {
        display: flex;
        cursor: pointer;
        margin-top: 1rem;
        font-size: 1.8rem;
        border-radius: 3rem;
        padding: 0.5rem 3.5rem;
        background-color: #3b32ec;
        color: #fff; }
        .empdigital_box_item_edit:hover {
          background-color: #fd9800;
          box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }

.empgreeting {
  display: flex;
  width: 100%;
  flex-direction: column;
  margin-top: 2rem; }
  .empgreeting_title {
    display: flex;
    font-size: 3rem;
    color: #3b32ec;
    font-weight: 700; }
  .empgreeting_box {
    display: flex;
    width: 100%;
    margin: 2rem auto;
    padding: 2rem;
    justify-content: center;
    flex-wrap: wrap;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
    max-height: 40rem;
    overflow: scroll; }
    .empgreeting_box::-webkit-scrollbar {
      width: 0.2rem; }
    .empgreeting_box::-webkit-scrollbar-thumb {
      background: #686666; }
    .empgreeting_box_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 25rem;
      margin: 2rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .empgreeting_box_item_img {
        width: 22rem;
        height: 25rem;
        margin: 1rem; }
      .empgreeting_box_item_edit {
        display: flex;
        cursor: pointer;
        justify-content: center;
        width: 100%;
        margin-top: 1rem;
        padding: 1rem;
        font-size: 2rem;
        text-decoration: none;
        background-color: #3b32ec;
        color: #fff; }

.empfestival {
  display: flex;
  width: 100%;
  flex-direction: column;
  margin-top: 2rem; }
  .empfestival_title {
    display: flex;
    font-size: 3rem;
    color: #3b32ec;
    font-weight: 700; }
  .empfestival_box {
    display: flex;
    width: 100%;
    margin: 2rem auto;
    padding: 2rem;
    justify-content: center;
    flex-wrap: wrap;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
    max-height: 40rem;
    overflow: scroll; }
    .empfestival_box::-webkit-scrollbar {
      width: 0.2rem; }
    .empfestival_box::-webkit-scrollbar-thumb {
      background: #686666; }
    .empfestival_box_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 25rem;
      margin: 2rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .empfestival_box_item_img {
        width: 22rem;
        height: 25rem;
        margin: 1rem; }
      .empfestival_box_item_edit {
        display: flex;
        cursor: pointer;
        justify-content: center;
        width: 100%;
        margin-top: 1rem;
        padding: 1rem;
        font-size: 2rem;
        text-decoration: none;
        background-color: #3b32ec;
        color: #fff; }

.sup {
  display: none;
  flex: 1;
  min-height: 100vh;
  flex-direction: column;
  margin: 2rem; }
  .sup_title {
    display: flex; }
    .sup_title_text {
      display: flex;
      margin-right: 1rem;
      font-size: 2.2rem;
      color: #002060; }
  .sup_active {
    display: flex; }

.supcount {
  display: flex;
  flex-wrap: wrap; }
  .supcount_view {
    display: flex;
    flex-wrap: wrap;
    flex: 0 0 42%;
    justify-content: center;
    color: #002060; }
    @media only screen and (max-width: 48em) {
      .supcount_view {
        flex: 0 0 100%; } }
    .supcount_view_box {
      display: flex;
      flex-direction: column;
      width: 16rem;
      margin: 1rem;
      justify-content: center;
      border-radius: 1rem;
      align-items: center;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      @media only screen and (max-width: 48em) {
        .supcount_view_box {
          width: 16rem; } }
      .supcount_view_box_img {
        display: flex;
        width: 14rem; }
        @media only screen and (max-width: 48em) {
          .supcount_view_box_img {
            width: 12rem; } }
      .supcount_view_box_title {
        display: flex;
        font-size: 1.8rem;
        font-weight: 600;
        margin: 0.5rem;
        text-align: center; }
      .supcount_view_box_text {
        display: flex;
        font-size: 1.8rem;
        font-weight: 600;
        margin: 0.2rem; }
  .supcount_pro {
    display: flex;
    flex: 0 0 55%;
    border-radius: 2rem;
    margin: 1rem;
    justify-content: space-between;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    @media only screen and (min-width: 20em) {
      .supcount_pro {
        flex: 0 0 100%;
        margin: 0 auto; } }
    @media only screen and (min-width: 23.4em) {
      .supcount_pro {
        flex: 0 0 100%;
        margin: 0 auto; } }
    @media only screen and (min-width: 26.5em) {
      .supcount_pro {
        flex: 0 0 80%;
        margin: 0 auto; } }
    @media only screen and (min-width: 48em) {
      .supcount_pro {
        flex: 0 0 50%;
        margin: 0 auto; } }
    .supcount_pro_rightnav {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 4rem;
      width: 5%;
      cursor: pointer; }
    .supcount_pro_con {
      display: flex;
      flex-direction: column;
      width: 100%;
      margin: 1rem; }
      .supcount_pro_con_box1 {
        display: flex;
        width: 100%;
        align-items: center;
        padding: 1rem 0;
        border-bottom: 0.2rem solid #3b32ec; }
        .supcount_pro_con_box1_logo {
          display: flex;
          width: 40%;
          height: 15rem;
          align-items: center;
          justify-content: center;
          border-radius: 1.5rem;
          box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
          @media only screen and (max-width: 48em) {
            .supcount_pro_con_box1_logo {
              width: 50%; } }
          .supcount_pro_con_box1_logo_img {
            width: 18rem;
            max-height: 14rem; }
            @media only screen and (max-width: 48em) {
              .supcount_pro_con_box1_logo_img {
                width: 15rem; } }
        .supcount_pro_con_box1_content {
          display: flex;
          flex: 1;
          flex-direction: column;
          margin-left: 1rem; }
          .supcount_pro_con_box1_content_edit {
            display: none;
            width: 100%;
            justify-content: flex-end;
            margin: 1rem; }
            .supcount_pro_con_box1_content_edit_btn {
              cursor: pointer;
              font-size: 1.5rem;
              background-color: #3b32ec;
              color: #fff;
              border-radius: 2rem;
              padding: 0.5rem 3.5rem;
              box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
          .supcount_pro_con_box1_content_company {
            display: flex;
            font-size: 1.8rem;
            font-weight: 600;
            margin: 0.5rem;
            color: #002060; }
          .supcount_pro_con_box1_content_title {
            display: flex;
            font-size: 1.6rem;
            color: #002060; }
          .supcount_pro_con_box1_content_contact {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            padding: 0.5rem;
            color: #002060;
            justify-content: space-around; }
            .supcount_pro_con_box1_content_contact_link {
              display: flex;
              text-decoration: none;
              font-size: 1.5rem;
              font-weight: 600;
              color: #002060; }
      .supcount_pro_con_box2 {
        display: flex;
        flex-direction: column;
        margin: 1rem 0;
        border-bottom: 0.2rem solid #3b32ec;
        color: #002060; }
        .supcount_pro_con_box2_title {
          display: flex;
          font-size: 2rem; }
        .supcount_pro_con_box2_content {
          display: flex;
          flex-direction: column;
          width: 90%;
          min-height: 10rem;
          background-color: #3b32ec;
          color: #fff;
          border-radius: 2rem;
          margin: 1rem auto;
          padding: 2rem; }
          .supcount_pro_con_box2_content_head {
            display: flex;
            font-size: 1.5rem;
            margin-bottom: 1rem; }
          .supcount_pro_con_box2_content_address {
            display: flex;
            font-size: 1.2rem; }
      .supcount_pro_con_box3 {
        display: flex;
        flex-direction: column;
        margin: 1rem 0; }
        .supcount_pro_con_box3_title {
          display: flex;
          font-size: 2rem;
          color: #002060; }
        .supcount_pro_con_box3_container {
          display: flex;
          justify-content: space-around; }
          @media only screen and (max-width: 48em) {
            .supcount_pro_con_box3_container {
              flex-wrap: wrap; } }
          .supcount_pro_con_box3_container_m1 {
            display: flex;
            flex: 0 0 60%;
            border-right: 0.2rem solid #3b32ec; }
            .supcount_pro_con_box3_container_m1_link {
              display: flex;
              margin: 0.8rem; }
              .supcount_pro_con_box3_container_m1_link_img {
                width: 4rem; }
          .supcount_pro_con_box3_container_m2 {
            display: flex; }
            .supcount_pro_con_box3_container_m2_link {
              display: flex;
              margin: 0.8rem; }
              .supcount_pro_con_box3_container_m2_link_img {
                width: 4rem; }
    .supcount_pro_leftnav {
      display: flex;
      font-size: 4rem;
      width: 5%;
      justify-content: center;
      align-items: center;
      cursor: pointer; }

.supcreate {
  display: flex;
  flex-wrap: wrap; }
  .supcreate_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 45%;
    margin: 1rem;
    color: #002060; }
    @media only screen and (max-width: 26.5em) {
      .supcreate_box {
        width: 100%; } }
    .supcreate_box_title {
      font-size: 2rem;
      margin: 0.5rem; }
    .supcreate_box_text {
      font-size: 1.3rem;
      margin-left: 2rem; }
    .supcreate_box_btn {
      display: flex;
      cursor: pointer;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
      justify-content: center;
      align-items: center;
      text-transform: uppercase;
      width: 20rem;
      font-size: 2rem;
      font-weight: 600;
      padding: 1rem 3rem;
      background-color: #3b32ec;
      color: #fff;
      border-radius: 3rem;
      margin: 1rem; }

.suplevel {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .suplevel_chart {
    display: flex;
    width: 90%;
    height: 45rem; }
    @media only screen and (max-width: 48em) {
      .suplevel_chart {
        width: 100%; } }

.supcustomer {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .supcustomer_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 800;
    color: #002060; }
  .supcustomer_content {
    display: flex;
    font-size: 1.5rem;
    color: #002060; }
  .supcustomer_ctl1 {
    display: none;
    align-items: center;
    cursor: pointer;
    width: 100%;
    margin: 5rem 2rem; }
    .supcustomer_ctl1_btn {
      display: flex;
      align-items: center;
      padding: 1rem 2rem;
      font-size: 2rem;
      color: #fff;
      background-color: #3b32ec;
      border-radius: 3rem; }
      .supcustomer_ctl1_btn span {
        display: flex;
        font-size: 3rem; }
  .supcustomer_ctl {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    margin: 1rem; }
    .supcustomer_ctl_btn {
      display: flex;
      align-items: center;
      padding: 1rem 2rem;
      font-size: 2rem;
      color: #fff;
      background-color: #3b32ec;
      border-radius: 3rem; }
      .supcustomer_ctl_btn span {
        display: flex;
        font-size: 3rem; }
  .supcustomer_search {
    display: flex;
    margin: 1rem;
    margin-top: 2rem;
    color: #002060; }
    .supcustomer_search_form {
      display: flex;
      flex-wrap: wrap; }
      .supcustomer_search_form_input {
        display: flex;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.2rem;
        font-weight: 600;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .supcustomer_search_form_input input {
          display: flex;
          cursor: pointer;
          color: #002060;
          margin-right: 1rem;
          border: none;
          outline: none;
          background: none;
          font-size: 1.5rem;
          font-weight: 600; }
        .supcustomer_search_form_input span {
          font-size: 1.5rem; }
        .supcustomer_search_form_input_text {
          font-size: 1.5rem; }
      .supcustomer_search_form_toggle {
        display: none; }
      .supcustomer_search_form_text {
        display: flex;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .supcustomer_search_form_toggle:checked ~ .supcustomer_search_form_text {
        background-color: #3b32ec;
        color: #fff; }
      .supcustomer_search_form_selectall {
        display: none;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        color: #002060;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .supcustomer_search_form_greet {
        display: none;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        background-color: #11e223;
        color: #fff;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .supcustomer_search_form_cancel {
        display: none;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        background-color: #f44336;
        color: #fff;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
  .supcustomer_box {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    max-height: 60rem;
    overflow: scroll; }
    .supcustomer_box::-webkit-scrollbar {
      width: 0.2rem; }
    .supcustomer_box::-webkit-scrollbar-thumb {
      background: #f1ecec; }
    .supcustomer_box_item {
      display: flex;
      cursor: pointer;
      flex-direction: column;
      width: 35rem;
      margin: 1rem;
      border-radius: 2rem;
      background-color: #fd9800;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .supcustomer_box_item_1 {
        display: flex;
        justify-content: center;
        color: #fff; }
        .supcustomer_box_item_1_detail {
          display: flex;
          width: 95%;
          flex-direction: column;
          padding: 0.5rem; }
          .supcustomer_box_item_1_detail_1 {
            display: flex;
            font-weight: 700;
            margin: 0.5rem 0;
            align-items: center; }
            .supcustomer_box_item_1_detail_1_id {
              display: flex;
              width: 100%;
              font-size: 1.5rem; }
            .supcustomer_box_item_1_detail_1_select {
              display: none; }
            .supcustomer_box_item_1_detail_1_text {
              display: flex;
              cursor: pointer;
              font-size: 1.2rem;
              background-color: #fff;
              padding: 0.3rem 1.5rem;
              border-radius: 3rem;
              color: #fd9800; }
            .supcustomer_box_item_1_detail_1_view {
              display: flex;
              cursor: pointer;
              font-size: 1.2rem;
              background-color: #fff;
              padding: 0.3rem 1.5rem;
              border-radius: 3rem;
              color: #fd9800; }
            .supcustomer_box_item_1_detail_1_select:checked ~ .supcustomer_box_item_1_detail_1_text {
              background-color: #3b32ec;
              color: #fff; }
          .supcustomer_box_item_1_detail_2 {
            display: flex;
            flex-direction: column;
            margin: 0.5rem; }
            .supcustomer_box_item_1_detail_2_text {
              display: flex;
              font-size: 1.3rem;
              margin-bottom: 0.3rem; }
              .supcustomer_box_item_1_detail_2_text:first-child {
                font-weight: 700; }
      .supcustomer_box_item_2 {
        display: flex;
        margin: 1rem;
        justify-content: center; }
        .supcustomer_box_item_2_text {
          font-size: 1.2rem;
          color: #fff; }

.supmemlist {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .supmemlist_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 800;
    color: #002060; }
  .supmemlist_content {
    display: flex;
    font-size: 1.5rem;
    color: #002060; }
  .supmemlist_ctl {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    margin: 1rem; }
    .supmemlist_ctl_btn {
      display: flex;
      align-items: center;
      padding: 1rem 2rem;
      font-size: 2rem;
      color: #fff;
      background-color: #3b32ec;
      border-radius: 3rem; }
      .supmemlist_ctl_btn span {
        display: flex;
        font-size: 3rem; }
  .supmemlist_search {
    display: flex;
    margin: 1rem;
    margin-top: 2rem;
    color: #002060; }
    .supmemlist_search_form {
      display: flex;
      flex-wrap: wrap; }
      .supmemlist_search_form_input {
        display: flex;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.2rem;
        font-weight: 600;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .supmemlist_search_form_input input {
          display: flex;
          cursor: pointer;
          color: #002060;
          margin-right: 1rem;
          border: none;
          outline: none;
          background: none;
          font-size: 1.5rem;
          font-weight: 600; }
        .supmemlist_search_form_input span {
          font-size: 1.5rem; }
        .supmemlist_search_form_input_text {
          font-size: 1.5rem; }
      .supmemlist_search_form_toggle {
        display: none; }
      .supmemlist_search_form_text {
        display: flex;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .supmemlist_search_form_toggle:checked ~ .supmemlist_search_form_text {
        background-color: #3b32ec;
        color: #fff; }
      .supmemlist_search_form_selectall {
        display: none;
        justify-content: center;
        align-items: center;
        border-radius: 5rem;
        margin: 1rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .supmemlist_search_form_selectall_toggle {
          display: none; }
        .supmemlist_search_form_selectall_text {
          cursor: pointer;
          justify-content: center;
          align-items: center;
          padding: 1rem 2rem;
          border-radius: 5rem;
          font-size: 1.5rem;
          font-weight: 600;
          color: #002060;
          border: none;
          outline: none; }
        .supmemlist_search_form_selectall_toggle:checked ~ .supmemlist_search_form_selectall_text {
          background-color: #11e223;
          color: #fff; }
      .supmemlist_search_form_greet {
        display: none;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        background-color: #11e223;
        color: #fff;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .supmemlist_search_form_cancel {
        display: none;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        background-color: #f44336;
        color: #fff;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
  .supmemlist_box {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    max-height: 60rem;
    overflow: scroll; }
    .supmemlist_box::-webkit-scrollbar {
      width: 0.2rem; }
    .supmemlist_box::-webkit-scrollbar-thumb {
      background: #f1ecec; }
    .supmemlist_box_form {
      display: flex;
      flex-wrap: wrap; }
    .supmemlist_box_item {
      display: flex;
      cursor: pointer;
      flex-direction: column;
      width: 35rem;
      margin: 1rem;
      border-radius: 2rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .supmemlist_box_item_1 {
        display: flex; }
        .supmemlist_box_item_1_pro {
          display: flex;
          flex-direction: column;
          align-items: center;
          flex: 0 0 25%; }
          .supmemlist_box_item_1_pro_img {
            display: flex;
            width: 7rem;
            height: 7rem;
            margin: 1rem;
            border-radius: 50%; }
          .supmemlist_box_item_1_pro_select {
            display: none; }
          .supmemlist_box_item_1_pro_text {
            display: flex;
            cursor: pointer;
            font-size: 1.2rem;
            background-color: #3b32ec;
            padding: 0.3rem 1.5rem;
            border-radius: 3rem;
            color: #fff; }
          .supmemlist_box_item_1_pro_view {
            display: flex;
            cursor: pointer;
            font-size: 1.2rem;
            background-color: #3b32ec;
            padding: 0.3rem 1.5rem;
            border-radius: 3rem;
            color: #fff; }
          .supmemlist_box_item_1_pro_select:checked ~ .supmemlist_box_item_1_pro_text {
            background-color: #11e223;
            color: #fff; }
        .supmemlist_box_item_1_detail {
          display: flex;
          flex: 1;
          flex-direction: column; }
          .supmemlist_box_item_1_detail_1 {
            display: flex;
            font-weight: 700;
            margin: 1rem 0;
            align-items: center; }
            .supmemlist_box_item_1_detail_1_id {
              display: flex;
              flex-wrap: wrap;
              font-size: 1.5rem; }
            .supmemlist_box_item_1_detail_1_btn {
              font-size: 1.5rem;
              background-color: #3b32ec;
              padding: 0.3rem 3rem;
              border-radius: 3rem;
              color: #fff; }
          .supmemlist_box_item_1_detail_2 {
            display: flex;
            flex-direction: column;
            margin-bottom: 1.5rem; }
            .supmemlist_box_item_1_detail_2_text {
              display: flex;
              font-size: 1.5rem;
              margin-bottom: 0.3rem; }
              .supmemlist_box_item_1_detail_2_text:first-child {
                font-weight: 700; }
      .supmemlist_box_item_2 {
        display: flex;
        margin: 1rem;
        justify-content: space-around; }
        .supmemlist_box_item_2_view {
          display: flex;
          align-items: center; }
          .supmemlist_box_item_2_view_text {
            font-size: 1.3rem; }

.supemplist {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .supemplist_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 800;
    color: #002060; }
  .supemplist_content {
    display: flex;
    font-size: 1.5rem;
    color: #002060; }
  .supemplist_ctl {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    margin: 1rem; }
    .supemplist_ctl_btn {
      display: flex;
      align-items: center;
      padding: 1rem 2rem;
      font-size: 2rem;
      color: #fff;
      background-color: #3b32ec;
      border-radius: 3rem; }
      .supemplist_ctl_btn span {
        display: flex;
        font-size: 3rem; }
  .supemplist_search {
    display: flex;
    margin: 1rem;
    margin-top: 2rem;
    color: #002060; }
    .supemplist_search_form {
      display: flex;
      flex-wrap: wrap; }
      .supemplist_search_form_input {
        display: flex;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.2rem;
        font-weight: 600;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .supemplist_search_form_input input {
          display: flex;
          cursor: pointer;
          color: #002060;
          margin-right: 1rem;
          border: none;
          outline: none;
          background: none;
          font-size: 1.5rem;
          font-weight: 600; }
        .supemplist_search_form_input span {
          font-size: 1.5rem; }
        .supemplist_search_form_input_text {
          font-size: 1.5rem; }
      .supemplist_search_form_toggle {
        display: none; }
      .supemplist_search_form_text {
        display: flex;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .supemplist_search_form_toggle:checked ~ .supemplist_search_form_text {
        background-color: #3b32ec;
        color: #fff; }
      .supemplist_search_form_selectall {
        display: none;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        color: #002060;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .supemplist_search_form_greet {
        display: none;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        background-color: #11e223;
        color: #fff;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .supemplist_search_form_cancel {
        display: none;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem 2rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.5rem;
        font-weight: 600;
        background-color: #f44336;
        color: #fff;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
  .supemplist_box {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    max-height: 60rem;
    overflow: scroll; }
    .supemplist_box::-webkit-scrollbar {
      width: 0.2rem; }
    .supemplist_box::-webkit-scrollbar-thumb {
      background: #f1ecec; }
    .supemplist_box_form {
      display: flex;
      flex-wrap: wrap; }
    .supemplist_box_item {
      display: flex;
      cursor: pointer;
      flex-direction: column;
      width: 32rem;
      margin: 1rem;
      border-radius: 2rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .supemplist_box_item_1 {
        display: flex; }
        .supemplist_box_item_1_pro {
          display: flex;
          flex-direction: column;
          align-items: center;
          flex: 0 0 25%; }
          .supemplist_box_item_1_pro_img {
            display: flex;
            width: 7rem;
            height: 7rem;
            margin: 1rem;
            border-radius: 50%; }
          .supemplist_box_item_1_pro_select {
            display: none; }
          .supemplist_box_item_1_pro_text {
            display: flex;
            cursor: pointer;
            font-size: 1.2rem;
            background-color: #3b32ec;
            padding: 0.3rem 1.5rem;
            border-radius: 3rem;
            color: #fff; }
          .supemplist_box_item_1_pro_select:checked ~ .supemplist_box_item_1_pro_text {
            background-color: #11e223;
            color: #fff; }
        .supemplist_box_item_1_detail {
          display: flex;
          flex: 1;
          flex-direction: column; }
          .supemplist_box_item_1_detail_1 {
            display: flex;
            font-weight: 700;
            margin: 1rem 0;
            align-items: center; }
            .supemplist_box_item_1_detail_1_id {
              display: flex;
              flex-wrap: wrap;
              font-size: 1.5rem; }
            .supemplist_box_item_1_detail_1_btn {
              font-size: 1.5rem;
              background-color: #3b32ec;
              padding: 0.3rem 3rem;
              border-radius: 3rem;
              color: #fff; }
          .supemplist_box_item_1_detail_2 {
            display: flex;
            flex-direction: column; }
            .supemplist_box_item_1_detail_2_text {
              display: flex;
              font-size: 1.5rem;
              margin-bottom: 0.3rem; }
              .supemplist_box_item_1_detail_2_text:first-child {
                font-weight: 700; }
      .supemplist_box_item_2 {
        display: flex;
        margin: 1rem;
        justify-content: space-around; }
        .supemplist_box_item_2_view {
          display: flex;
          align-items: center; }
          .supemplist_box_item_2_view_img {
            width: 2rem; }
          .supemplist_box_item_2_view_text {
            font-size: 1.3rem; }

.supdigital {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .supdigital_title {
    font-size: 3rem;
    font-weight: 700;
    color: #3b32ec; }
  .supdigital_box {
    display: flex;
    width: 100%;
    flex-wrap: wrap; }
    .supdigital_box_item {
      display: flex;
      flex-direction: column;
      width: 14rem;
      align-items: center;
      margin: 2rem; }
      .supdigital_box_item_link {
        display: flex; }
        .supdigital_box_item_link_img {
          width: 18rem; }

.supgreeting {
  display: flex;
  width: 100%;
  flex-direction: column;
  margin-top: 2rem; }
  .supgreeting_title {
    display: flex;
    font-size: 3rem;
    color: #3b32ec;
    font-weight: 700; }
  .supgreeting_box {
    display: flex;
    width: 100%;
    margin: 2rem auto;
    padding: 2rem;
    justify-content: center;
    flex-wrap: wrap;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
    max-height: 40rem;
    overflow: scroll; }
    .supgreeting_box::-webkit-scrollbar {
      width: 0.2rem; }
    .supgreeting_box::-webkit-scrollbar-thumb {
      background: #686666; }
    .supgreeting_box_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 17rem;
      margin: 1rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .supgreeting_box_item_img {
        width: 16rem;
        height: 12rem;
        margin: 0.5rem; }
      .supgreeting_box_item_edit {
        display: flex;
        cursor: pointer;
        justify-content: center;
        width: 100%;
        margin-top: 1rem;
        padding: 1rem;
        font-size: 2rem;
        text-decoration: none;
        background-color: #3b32ec;
        color: #fff; }

.supfestival {
  display: flex;
  width: 100%;
  flex-direction: column;
  margin-top: 2rem; }
  .supfestival_title {
    display: flex;
    font-size: 3rem;
    color: #3b32ec;
    font-weight: 700; }
  .supfestival_box {
    display: flex;
    width: 100%;
    margin: 2rem auto;
    padding: 2rem;
    justify-content: center;
    flex-wrap: wrap;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
    max-height: 60rem;
    overflow: scroll; }
    .supfestival_box::-webkit-scrollbar {
      width: 0.2rem; }
    .supfestival_box::-webkit-scrollbar-thumb {
      background: #686666; }
    .supfestival_box_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 17rem;
      margin: 1rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .supfestival_box_item_img {
        width: 16rem;
        height: 12rem;
        margin: 0.5rem; }
      .supfestival_box_item_edit {
        display: flex;
        cursor: pointer;
        justify-content: center;
        width: 100%;
        margin-top: 1rem;
        padding: 1rem;
        font-size: 2rem;
        text-decoration: none;
        background-color: #3b32ec;
        color: #fff; }

.supinvitation {
  display: flex;
  width: 100%;
  flex-direction: column;
  margin-top: 2rem; }
  .supinvitation_title {
    display: flex;
    font-size: 3rem;
    color: #3b32ec;
    font-weight: 700; }
  .supinvitation_box {
    display: flex;
    width: 100%;
    margin: 2rem auto;
    padding: 2rem;
    justify-content: center;
    flex-wrap: wrap;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
    max-height: 40rem;
    overflow: scroll; }
    .supinvitation_box::-webkit-scrollbar {
      width: 0.2rem; }
    .supinvitation_box::-webkit-scrollbar-thumb {
      background: #686666; }
    .supinvitation_box_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 17rem;
      margin: 1rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .supinvitation_box_item_img {
        width: 16rem;
        height: 12rem;
        margin: 0.5rem; }
      .supinvitation_box_item_edit {
        display: flex;
        cursor: pointer;
        justify-content: center;
        width: 100%;
        margin-top: 1rem;
        padding: 1rem;
        font-size: 2rem;
        text-decoration: none;
        background-color: #3b32ec;
        color: #fff; }

.supbill {
  display: flex;
  flex-direction: column; }
  .supbill_mem {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 90%;
    margin: 1rem auto;
    border-radius: 1rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    @media only screen and (min-width: 20em) {
      .supbill_mem {
        width: 100%; } }
    @media only screen and (min-width: 23.4em) {
      .supbill_mem {
        width: 100%; } }
    @media only screen and (min-width: 26.5em) {
      .supbill_mem {
        width: 100%; } }
    @media only screen and (min-width: 48em) {
      .supbill_mem {
        width: 90%; } }
    .supbill_mem_mon {
      display: flex;
      width: 95%;
      justify-content: space-around;
      margin: 1.5rem auto;
      background-color: #3b32ec;
      border-radius: 1.5rem;
      padding: 2rem 1rem; }
      .supbill_mem_mon_text {
        display: flex;
        margin: 0.5rem;
        font-size: 2.2rem;
        font-weight: 600;
        color: #fff; }
      .supbill_mem_mon_date {
        display: flex;
        border-radius: 1rem;
        font-size: 1.5rem;
        font-weight: 500;
        padding: 1rem;
        border: none;
        outline: none; }
    .supbill_mem_box {
      display: flex;
      flex-direction: column;
      width: 95%;
      max-height: 45rem;
      overflow: scroll; }
      .supbill_mem_box::-webkit-scrollbar {
        width: 0.2rem; }
      .supbill_mem_box::-webkit-scrollbar-thumb {
        background: #f1ecec; }
      .supbill_mem_box_1 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        flex-direction: column;
        border-bottom: 0.2rem solid #3b32ec; }
        .supbill_mem_box_1_con1 {
          display: flex;
          flex-wrap: wrap;
          flex: 1;
          justify-content: space-around;
          align-items: center; }
          .supbill_mem_box_1_con1_pro {
            display: flex;
            width: 8rem;
            margin: 1rem;
            width: 12rem; }
          .supbill_mem_box_1_con1_text {
            display: flex;
            flex-direction: column;
            color: #002060;
            margin: 1rem; }
            .supbill_mem_box_1_con1_text_box {
              display: flex;
              margin: 0.2rem;
              font-size: 1.6rem; }
              .supbill_mem_box_1_con1_text_box_con1 {
                display: flex;
                width: 12rem; }
              .supbill_mem_box_1_con1_text_box_con2 {
                display: flex;
                justify-content: center;
                width: 3rem; }
              .supbill_mem_box_1_con1_text_box_con3 {
                display: flex;
                flex: 1; }
          .supbill_mem_box_1_con1_amount {
            display: flex;
            flex-direction: column;
            color: #002060;
            margin: 1rem; }
            .supbill_mem_box_1_con1_amount_box {
              display: flex;
              margin: 0.2rem;
              font-size: 1.6rem; }
              .supbill_mem_box_1_con1_amount_box_con1 {
                display: flex;
                width: 12rem; }
              .supbill_mem_box_1_con1_amount_box_con2 {
                display: flex;
                justify-content: center;
                width: 3rem; }
              .supbill_mem_box_1_con1_amount_box_con3 {
                display: flex;
                flex: 1; }
        .supbill_mem_box_1_con2 {
          display: flex;
          flex: 1; }
          .supbill_mem_box_1_con2_ctl {
            display: flex;
            flex-wrap: wrap;
            justify-content: center; }
            .supbill_mem_box_1_con2_ctl_btn {
              display: flex;
              justify-content: center;
              align-items: center;
              text-decoration: none;
              text-align: center;
              width: 15rem;
              padding: 0.5rem 2rem;
              font-size: 1.5rem;
              margin: 1rem;
              border-radius: 3rem;
              box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
              color: #002060; }
            .supbill_mem_box_1_con2_ctl_btn1 {
              display: flex;
              justify-content: center;
              align-items: center;
              text-decoration: none;
              text-align: center;
              width: 15rem;
              padding: 0.5rem 2rem;
              font-size: 1.5rem;
              margin: 1rem;
              border-radius: 3rem;
              color: #fff;
              background-color: #f44336;
              box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }

.supenq {
  display: none;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin: 1rem; }
  .supenq_com {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 40%;
    border-radius: 2rem;
    margin: 1rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    @media only screen and (max-width: 26.5em) {
      .supenq_com {
        flex: 1; } }
    .supenq_com_mon {
      display: flex;
      width: 90%;
      margin: 1.5rem auto;
      background-color: #3b32ec;
      border-radius: 1.5rem;
      padding: 2rem 1rem; }
      .supenq_com_mon_text {
        display: flex;
        width: 50%;
        margin: 0.5rem;
        font-size: 1.8rem;
        font-weight: 600;
        color: #fff; }
      .supenq_com_mon_date {
        display: flex;
        border-radius: 1rem;
        font-size: 1.5rem;
        font-weight: 500;
        padding: 1rem;
        border: none;
        outline: none; }
    .supenq_com_box {
      display: flex;
      width: 95%;
      max-height: 45rem;
      overflow: scroll;
      flex-wrap: wrap;
      justify-content: center; }
      .supenq_com_box::-webkit-scrollbar {
        width: 0.2rem; }
      .supenq_com_box::-webkit-scrollbar-thumb {
        background: #f1ecec; }
      .supenq_com_box_1 {
        display: flex;
        flex-direction: column;
        width: 18rem;
        align-items: center;
        margin: 1rem;
        border-radius: 1rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .supenq_com_box_1_name {
          display: flex;
          text-align: center;
          font-size: 1.6rem;
          font-weight: 600;
          margin: 0.5rem;
          margin-top: 1rem;
          color: #3b32ec; }
        .supenq_com_box_1_text {
          display: flex;
          text-align: center;
          font-size: 1.3rem;
          font-weight: 600;
          margin: 0.2rem;
          color: #002060; }
        .supenq_com_box_1_link {
          display: flex;
          justify-content: space-evenly;
          width: 100%; }
          .supenq_com_box_1_link_img {
            width: 4rem;
            margin: 0.5rem; }
  .supenq_mem {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 40%;
    border-radius: 2rem;
    margin: 1rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    @media only screen and (max-width: 26.5em) {
      .supenq_mem {
        flex: 1; } }
    .supenq_mem_mon {
      display: flex;
      width: 90%;
      margin: 1.5rem auto;
      background-color: #3b32ec;
      border-radius: 1.5rem;
      padding: 2rem 1rem; }
      .supenq_mem_mon_text {
        display: flex;
        width: 50%;
        margin: 0.5rem;
        font-size: 1.8rem;
        font-weight: 600;
        color: #fff; }
      .supenq_mem_mon_date {
        display: flex;
        border-radius: 1rem;
        font-size: 1.5rem;
        font-weight: 500;
        padding: 1rem;
        border: none;
        outline: none; }
    .supenq_mem_box {
      display: flex;
      width: 95%;
      max-height: 45rem;
      overflow: scroll;
      flex-wrap: wrap;
      justify-content: center; }
      .supenq_mem_box::-webkit-scrollbar {
        width: 0.2rem; }
      .supenq_mem_box::-webkit-scrollbar-thumb {
        background: #f1ecec; }
      .supenq_mem_box_1 {
        display: flex;
        flex-direction: column;
        width: 18rem;
        align-items: center;
        margin: 1rem;
        border-radius: 1rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .supenq_mem_box_1_name {
          display: flex;
          text-align: center;
          font-size: 1.6rem;
          font-weight: 600;
          margin: 1rem;
          margin-top: 1rem;
          color: #3b32ec; }
        .supenq_mem_box_1_text {
          display: flex;
          text-align: center;
          font-size: 1.3rem;
          font-weight: 600;
          margin: 0.2rem; }
        .supenq_mem_box_1_link {
          display: flex;
          justify-content: space-evenly;
          width: 100%; }
          .supenq_mem_box_1_link_img {
            width: 4rem;
            margin: 0.5rem; }

.supwish {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin: 1rem auto; }
  @media only screen and (max-width: 48em) {
    .supwish {
      width: 100%; } }
  .supwish_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 700;
    margin: 1.2rem;
    color: #3b32ec; }
  .supwish_box {
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (max-width: 48em) {
      .supwish_box {
        justify-content: center; } }
    .supwish_box_item {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 18rem;
      margin: 1rem;
      border-radius: 1rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      @media only screen and (max-width: 23.4em) {
        .supwish_box_item {
          width: 16rem; } }
      .supwish_box_item_pro {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%; }
        .supwish_box_item_pro_img {
          display: flex;
          width: 16rem;
          margin: 0.5rem; }
      .supwish_box_item_id {
        display: flex;
        font-size: 1.2rem;
        font-weight: 600; }
      .supwish_box_item_name {
        display: flex;
        font-size: 1.5rem;
        font-weight: 600;
        margin: 0.2rem; }
      .supwish_box_item_wishbtn {
        display: flex;
        cursor: pointer;
        justify-content: center;
        padding: 0.5rem;
        width: 100%;
        font-size: 2rem;
        background-color: #3b32ec;
        border-radius: 1rem;
        color: #fff; }

.supcom {
  display: flex; }
  @media only screen and (max-width: 64em) {
    .supcom {
      flex-direction: column;
      align-items: center;
      justify-content: center; } }
  .supcom_pro {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 55%;
    border-radius: 2rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    @media only screen and (max-width: 48em) {
      .supcom_pro {
        width: 95%;
        margin: 0 auto; } }
    .supcom_pro_1 {
      display: flex;
      flex-wrap: wrap;
      padding: 1rem 0;
      border-bottom: 0.2rem solid #3b32ec; }
      .supcom_pro_1_btn {
        display: flex;
        cursor: pointer;
        font-size: 1.8rem;
        font-weight: 500;
        background-color: #3b32ec;
        color: #fff;
        margin: 0.5rem;
        border-radius: 3rem;
        padding: 0.5rem 2rem; }
      .supcom_pro_1_btn1 {
        display: flex;
        cursor: pointer;
        font-size: 1.8rem;
        font-weight: 500;
        background-color: #f44336;
        color: #fff;
        margin: 0.5rem;
        border-radius: 3rem;
        padding: 0.5rem 2rem; }
    .supcom_pro_2 {
      display: flex;
      width: 100%;
      justify-content: center; }
      .supcom_pro_2_rightnav {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 4rem;
        width: 5%;
        cursor: pointer; }
      .supcom_pro_2_con {
        display: flex;
        flex-direction: column;
        width: 90%; }
        .supcom_pro_2_con_box1 {
          display: flex;
          width: 100%;
          align-items: center;
          padding: 0.5rem 0;
          border-bottom: 0.2rem solid #3b32ec; }
          .supcom_pro_2_con_box1_logo {
            display: flex;
            width: 20rem;
            height: 12rem;
            align-items: center;
            justify-content: center;
            border-radius: 1.5rem;
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
            @media only screen and (max-width: 48em) {
              .supcom_pro_2_con_box1_logo {
                width: 40%; } }
            .supcom_pro_2_con_box1_logo_img {
              width: 18rem;
              max-height: 11rem; }
              @media only screen and (max-width: 48em) {
                .supcom_pro_2_con_box1_logo_img {
                  width: 12rem;
                  max-height: 11rem; } }
          .supcom_pro_2_con_box1_content {
            display: flex;
            flex: 1;
            flex-direction: column;
            margin-left: 1rem; }
            .supcom_pro_2_con_box1_content_set {
              display: flex;
              justify-content: space-between; }
              .supcom_pro_2_con_box1_content_set_company {
                display: flex;
                font-size: 1.8rem;
                font-weight: 600;
                margin: 0.5rem;
                color: #002060; }
              .supcom_pro_2_con_box1_content_set_box {
                display: flex;
                flex-direction: column; }
                .supcom_pro_2_con_box1_content_set_box_edit {
                  cursor: pointer;
                  font-size: 1.5rem;
                  background-color: #3b32ec;
                  align-items: center;
                  justify-content: center;
                  color: #fff;
                  text-align: center;
                  border-radius: 2rem;
                  padding: 0.5rem 3.5rem;
                  margin: 0.2rem;
                  box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
                .supcom_pro_2_con_box1_content_set_box_remove {
                  cursor: pointer;
                  font-size: 1.5rem;
                  background-color: #f44336;
                  align-items: center;
                  justify-content: center;
                  color: #fff;
                  text-align: center;
                  border-radius: 2rem;
                  padding: 0.5rem 3.5rem;
                  margin-top: 1rem;
                  box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
            .supcom_pro_2_con_box1_content_title {
              display: flex;
              font-size: 1.6rem;
              color: #002060; }
            .supcom_pro_2_con_box1_content_contact {
              display: flex;
              flex-wrap: wrap;
              width: 100%;
              padding: 0.5rem;
              color: #002060;
              justify-content: space-between; }
              .supcom_pro_2_con_box1_content_contact_link {
                display: flex;
                text-decoration: none;
                font-size: 1.5rem;
                font-weight: 600;
                color: #002060; }
        .supcom_pro_2_con_box2 {
          display: flex;
          flex-direction: column;
          margin: 1rem 0;
          border-bottom: 0.2rem solid #3b32ec;
          color: #002060; }
          .supcom_pro_2_con_box2_title {
            display: flex;
            font-size: 2rem; }
          .supcom_pro_2_con_box2_content {
            display: flex;
            flex-direction: column;
            width: 90%;
            min-height: 10rem;
            background-color: #3b32ec;
            color: #fff;
            border-radius: 2rem;
            margin: 1rem auto;
            padding: 2rem; }
            .supcom_pro_2_con_box2_content_head {
              display: flex;
              font-size: 1.5rem;
              margin-bottom: 1rem; }
            .supcom_pro_2_con_box2_content_address {
              display: flex;
              font-size: 1.2rem; }
        .supcom_pro_2_con_box3 {
          display: flex;
          flex-direction: column;
          margin: 1rem 0; }
          .supcom_pro_2_con_box3_title {
            display: flex;
            font-size: 2rem;
            color: #002060; }
          .supcom_pro_2_con_box3_container {
            display: flex;
            justify-content: space-around; }
            @media only screen and (max-width: 48em) {
              .supcom_pro_2_con_box3_container {
                flex-wrap: wrap; } }
            .supcom_pro_2_con_box3_container_m1 {
              display: flex;
              flex: 0 0 60%;
              border-right: 0.2rem solid #3b32ec; }
              .supcom_pro_2_con_box3_container_m1_link {
                display: flex;
                margin: 0.8rem; }
                .supcom_pro_2_con_box3_container_m1_link_img {
                  width: 4rem; }
            .supcom_pro_2_con_box3_container_m2 {
              display: flex; }
              .supcom_pro_2_con_box3_container_m2_link {
                display: flex;
                margin: 0.8rem; }
                .supcom_pro_2_con_box3_container_m2_link_img {
                  width: 4rem; }
      .supcom_pro_2_leftnav {
        display: flex;
        font-size: 4rem;
        width: 5%;
        justify-content: center;
        align-items: center;
        cursor: pointer; }
  .supcom_phase {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    align-items: flex-start;
    margin: 1rem;
    border-radius: 2rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
    max-height: 45rem;
    overflow: scroll; }
    .supcom_phase::-webkit-scrollbar {
      width: 0.2rem; }
    .supcom_phase::-webkit-scrollbar-thumb {
      background: #f1ecec; }
    .supcom_phase_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-evenly;
      width: 20rem;
      margin: 1rem;
      border-radius: 1rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .supcom_phase_item_title {
        display: flex;
        font-size: 2rem;
        text-transform: uppercase;
        font-weight: 700;
        color: #3b32ec;
        margin-top: 1rem; }
      .supcom_phase_item_text {
        display: flex;
        font-size: 1.5rem;
        font-weight: 600;
        margin: 0.5rem;
        color: #002060; }
      .supcom_phase_item_val {
        display: flex;
        font-size: 2rem;
        text-transform: uppercase;
        font-weight: 700;
        color: #002060;
        margin: 0.5rem; }
      .supcom_phase_item_active {
        display: flex;
        justify-content: center;
        width: 90%;
        margin: 0.5rem;
        padding: 0.5rem;
        font-size: 1.6rem;
        font-weight: 500;
        text-decoration: none;
        color: #fff;
        background-color: #fd9800;
        border-radius: 2rem; }
      .supcom_phase_item_renewal {
        display: flex;
        justify-content: center;
        width: 90%;
        margin: 0.5rem;
        padding: 0.5rem;
        font-size: 1.6rem;
        font-weight: 500;
        text-decoration: none;
        color: #fff;
        background-color: #fd9800;
        border-radius: 2rem; }
      .supcom_phase_item_bill {
        display: flex;
        justify-content: center;
        width: 90%;
        margin: 0.5rem;
        padding: 0.5rem;
        font-size: 1.6rem;
        font-weight: 500;
        text-decoration: none;
        color: #fff;
        background-color: #3b32ec;
        border-radius: 2rem; }
      .supcom_phase_item_remove {
        display: flex;
        justify-content: center;
        width: 90%;
        margin: 0.5rem;
        padding: 0.5rem;
        font-size: 1.6rem;
        font-weight: 500;
        text-decoration: none;
        color: #fff;
        background-color: #f44336;
        border-radius: 2rem; }

.supgen {
  display: flex;
  flex-wrap: wrap; }
  .supgen_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 45%;
    margin: 1rem;
    color: #002060; }
    .supgen_box_title {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem; }
    .supgen_box_text {
      display: flex;
      font-size: 1.3rem;
      text-align: center; }
    .supgen_box_btn {
      display: flex;
      cursor: pointer;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
      justify-content: center;
      align-items: center;
      text-transform: uppercase;
      width: 20rem;
      font-size: 2rem;
      font-weight: 600;
      padding: 1rem 3rem;
      background-color: #3b32ec;
      color: #fff;
      border-radius: 3rem;
      margin: 1rem; }

.supstaffcre {
  display: flex;
  width: 80%;
  flex-direction: column;
  margin: 1rem auto;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
  @media only screen and (max-width: 48em) {
    .supstaffcre {
      width: 100%; } }
  .supstaffcre_head {
    display: flex;
    width: 90%;
    justify-content: space-between;
    align-items: center;
    margin: 0.5rem auto; }
    .supstaffcre_head_title {
      display: flex;
      font-size: 2.5rem;
      font-weight: 600;
      color: #3b32ec; }
    .supstaffcre_head_close {
      display: flex;
      cursor: pointer;
      font-size: 2rem;
      padding: 1rem 3rem;
      border-radius: 3rem;
      margin: 1rem;
      background-color: #f44336;
      color: #fff; }
  .supstaffcre_s1 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supstaffcre_s1_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supstaffcre_s1_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supstaffcre_s1_form {
      display: flex;
      flex-direction: column;
      width: 80%;
      margin: 0 auto; }
      @media only screen and (max-width: 48em) {
        .supstaffcre_s1_form {
          width: 100%; } }
      .supstaffcre_s1_form_1 {
        display: flex;
        margin: 1rem;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap; }
        .supstaffcre_s1_form_1_btn {
          display: flex;
          cursor: pointer;
          font-size: 2rem;
          margin: 1rem;
          font-weight: 600;
          color: #fff;
          background-color: #3b32ec;
          padding: 1rem 3rem;
          border-radius: 3rem; }
        .supstaffcre_s1_form_1_label {
          display: flex;
          font-size: 1.8rem;
          margin: 1rem; }
      .supstaffcre_s1_form_2 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .supstaffcre_s1_form_2_box {
          display: flex;
          flex-direction: column;
          width: 100%;
          margin: 0.5rem; }
          @media only screen and (max-width: 48em) {
            .supstaffcre_s1_form_2_box {
              width: 90%; } }
          .supstaffcre_s1_form_2_box_title {
            display: flex;
            margin: 0.5rem;
            font-size: 1.8rem;
            font-weight: 700;
            color: #002060; }
          .supstaffcre_s1_form_2_box_btn {
            display: flex;
            cursor: pointer;
            width: 22rem;
            margin: 1rem;
            justify-content: center;
            font-size: 2rem;
            font-weight: 600;
            padding: 1rem 2rem;
            border-radius: 3rem;
            background-color: #3b32ec;
            color: #fff; }
          .supstaffcre_s1_form_2_box_2 {
            display: flex;
            width: 100%;
            flex-direction: column;
            margin: 0.5rem; }
            .supstaffcre_s1_form_2_box_2_label {
              display: flex;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .supstaffcre_s1_form_2_box_2_text {
              display: flex;
              width: 100%;
              height: 10rem;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
          .supstaffcre_s1_form_2_box_label {
            display: flex;
            width: 35rem;
            font-size: 2rem;
            font-weight: 700;
            color: #002060; }
          .supstaffcre_s1_form_2_box_input {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1.5rem 2rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
      .supstaffcre_s1_form_3 {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        align-items: center; }
        .supstaffcre_s1_form_3_label {
          display: flex;
          font-size: 2rem;
          width: 40%; }
          @media only screen and (max-width: 26.5em) {
            .supstaffcre_s1_form_3_label {
              width: 100%; } }
        .supstaffcre_s1_form_3_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 1rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
          @media only screen and (max-width: 26.5em) {
            .supstaffcre_s1_form_3_btn {
              width: 12rem; } }
    .supstaffcre_s1_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .supstaffcre_s1_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supstaffcre_s1_botnav_pre span {
          font-size: 2.2rem; }
      .supstaffcre_s1_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supstaffcre_s1_botnav_next span {
          font-size: 2.2rem; }
  .supstaffcre_s2 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supstaffcre_s2_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supstaffcre_s2_sample {
      display: flex;
      width: 100%;
      align-items: center; }
      .supstaffcre_s2_sample_text {
        display: flex;
        font-size: 1.5rem;
        font-weight: 500;
        color: #002060; }
      .supstaffcre_s2_sample_link {
        display: flex;
        width: 28rem;
        justify-content: center;
        text-decoration: none;
        font-size: 1.5rem;
        padding: 0.5rem;
        border-radius: 3rem;
        color: #3b32ec;
        margin: 0.5rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        @media only screen and (max-width: 26.5em) {
          .supstaffcre_s2_sample_link {
            width: 45rem; } }
    .supstaffcre_s2_text {
      display: flex;
      justify-content: center;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supstaffcre_s2_form {
      display: flex;
      flex-direction: column;
      width: 80%;
      margin: 0 auto; }
      @media only screen and (max-width: 48em) {
        .supstaffcre_s2_form {
          width: 100%; } }
      .supstaffcre_s2_form_1 {
        display: flex;
        flex-wrap: wrap;
        margin: 1rem;
        width: 100%;
        align-items: center;
        justify-content: center; }
        .supstaffcre_s2_form_1_btn {
          display: flex;
          cursor: pointer;
          font-size: 2rem;
          margin: 1rem;
          font-weight: 600;
          color: #fff;
          background-color: #3b32ec;
          padding: 1rem 3rem;
          border-radius: 3rem; }
        .supstaffcre_s2_form_1_label {
          display: flex;
          font-size: 1.8rem;
          margin: 1rem; }
      .supstaffcre_s2_form_2 {
        display: flex;
        justify-content: center;
        width: 100%;
        height: 6rem;
        margin: 1rem; }
        @media only screen and (max-width: 48em) {
          .supstaffcre_s2_form_2 {
            flex-wrap: wrap;
            height: 10rem; } }
        .supstaffcre_s2_form_2_file {
          display: flex;
          margin: 1rem;
          border-radius: 3rem;
          font-size: 1.8rem;
          border: none;
          color: #fff;
          background-color: #3b32ec;
          outline: none;
          box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
          .supstaffcre_s2_form_2_file::-webkit-file-upload-button {
            padding: 1rem 2rem;
            border-radius: 3rem;
            border: none;
            background-color: #fff;
            outline: none; }
        .supstaffcre_s2_form_2_input {
          display: flex;
          margin: 1rem;
          font-size: 1.8rem;
          color: #fff;
          padding: 1rem 5rem;
          border-radius: 3rem;
          border: none;
          background-color: #3b32ec;
          outline: none;
          box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .supstaffcre_s2_form_3 {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center; }
        .supstaffcre_s2_form_3_label {
          display: flex;
          font-size: 2rem;
          width: 70%; }
        .supstaffcre_s2_form_3_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 1rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
    .supstaffcre_s2_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .supstaffcre_s2_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supstaffcre_s2_botnav_pre span {
          font-size: 2.2rem; }
      .supstaffcre_s2_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supstaffcre_s2_botnav_next span {
          font-size: 2.2rem; }

.supbillcre {
  display: flex;
  width: 80%;
  flex-direction: column;
  margin: 1rem auto;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
  @media only screen and (max-width: 48em) {
    .supbillcre {
      width: 100%; } }
  .supbillcre_head {
    display: flex;
    width: 90%;
    justify-content: space-between;
    align-items: center;
    margin: 0.5rem auto; }
    .supbillcre_head_title {
      display: flex;
      font-size: 2.5rem;
      font-weight: 600;
      color: #3b32ec; }
    .supbillcre_head_close {
      display: flex;
      cursor: pointer;
      font-size: 2rem;
      padding: 1rem 3rem;
      border-radius: 3rem;
      margin: 1rem;
      background-color: #f44336;
      color: #fff; }
  .supbillcre_s1 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supbillcre_s1_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supbillcre_s1_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supbillcre_s1_form {
      display: flex;
      flex-direction: column;
      width: 80%;
      margin: 0 auto; }
      @media only screen and (max-width: 48em) {
        .supbillcre_s1_form {
          width: 100%; } }
      .supbillcre_s1_form_1 {
        display: flex;
        margin: 1rem;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap; }
        .supbillcre_s1_form_1_btn {
          display: flex;
          cursor: pointer;
          font-size: 2rem;
          margin: 1rem;
          font-weight: 600;
          color: #fff;
          background-color: #3b32ec;
          padding: 1rem 3rem;
          border-radius: 3rem; }
        .supbillcre_s1_form_1_label {
          display: flex;
          font-size: 1.8rem;
          margin: 1rem; }
      .supbillcre_s1_form_2 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .supbillcre_s1_form_2_box {
          display: flex;
          flex-direction: column;
          width: 100%;
          margin: 0.5rem; }
          @media only screen and (max-width: 48em) {
            .supbillcre_s1_form_2_box {
              width: 90%; } }
          .supbillcre_s1_form_2_box_title {
            display: flex;
            margin: 0.5rem;
            font-size: 1.8rem;
            font-weight: 700;
            color: #002060; }
          .supbillcre_s1_form_2_box_btn {
            display: flex;
            cursor: pointer;
            width: 22rem;
            margin: 1rem;
            justify-content: center;
            font-size: 2rem;
            font-weight: 600;
            padding: 1rem 2rem;
            border-radius: 3rem;
            background-color: #3b32ec;
            color: #fff; }
          .supbillcre_s1_form_2_box_2 {
            display: flex;
            width: 100%;
            flex-direction: column;
            margin: 0.5rem; }
            .supbillcre_s1_form_2_box_2_label {
              display: flex;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .supbillcre_s1_form_2_box_2_text {
              display: flex;
              width: 100%;
              height: 10rem;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
          .supbillcre_s1_form_2_box_label {
            display: flex;
            width: 35rem;
            font-size: 2rem;
            font-weight: 700;
            color: #002060; }
          .supbillcre_s1_form_2_box_input {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1.5rem 2rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
      .supbillcre_s1_form_3 {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 2rem;
        margin-top: 2rem; }
        .supbillcre_s1_form_3_label {
          display: flex;
          font-size: 2rem;
          width: 40%; }
          @media only screen and (max-width: 26.5em) {
            .supbillcre_s1_form_3_label {
              width: 100%; } }
        .supbillcre_s1_form_3_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 1rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
          @media only screen and (max-width: 26.5em) {
            .supbillcre_s1_form_3_btn {
              width: 12rem; } }

.supmembillcre {
  display: flex;
  width: 80%;
  flex-direction: column;
  margin: 1rem auto;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
  @media only screen and (max-width: 48em) {
    .supmembillcre {
      width: 100%; } }
  .supmembillcre_head {
    display: flex;
    width: 90%;
    justify-content: space-between;
    align-items: center;
    margin: 0.5rem auto; }
    .supmembillcre_head_title {
      display: flex;
      font-size: 2.5rem;
      font-weight: 600;
      color: #3b32ec; }
    .supmembillcre_head_close {
      display: flex;
      cursor: pointer;
      font-size: 2rem;
      padding: 1rem 3rem;
      border-radius: 3rem;
      margin: 1rem;
      background-color: #f44336;
      color: #fff; }
  .supmembillcre_s1 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supmembillcre_s1_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supmembillcre_s1_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supmembillcre_s1_form {
      display: flex;
      flex-direction: column;
      width: 80%;
      margin: 0 auto; }
      @media only screen and (max-width: 48em) {
        .supmembillcre_s1_form {
          width: 100%; } }
      .supmembillcre_s1_form_1 {
        display: flex;
        margin: 1rem;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap; }
        .supmembillcre_s1_form_1_btn {
          display: flex;
          cursor: pointer;
          font-size: 2rem;
          margin: 1rem;
          font-weight: 600;
          color: #fff;
          background-color: #3b32ec;
          padding: 1rem 3rem;
          border-radius: 3rem; }
        .supmembillcre_s1_form_1_label {
          display: flex;
          font-size: 1.8rem;
          margin: 1rem; }
      .supmembillcre_s1_form_2 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .supmembillcre_s1_form_2_box {
          display: flex;
          flex-direction: column;
          width: 100%;
          margin: 0.5rem; }
          @media only screen and (max-width: 48em) {
            .supmembillcre_s1_form_2_box {
              width: 90%; } }
          .supmembillcre_s1_form_2_box_title {
            display: flex;
            margin: 0.5rem;
            font-size: 1.8rem;
            font-weight: 700;
            color: #002060; }
          .supmembillcre_s1_form_2_box_btn {
            display: flex;
            cursor: pointer;
            width: 22rem;
            margin: 1rem;
            justify-content: center;
            font-size: 2rem;
            font-weight: 600;
            padding: 1rem 2rem;
            border-radius: 3rem;
            background-color: #3b32ec;
            color: #fff; }
          .supmembillcre_s1_form_2_box_2 {
            display: flex;
            width: 90%;
            flex-direction: column;
            margin: 0.5rem; }
            .supmembillcre_s1_form_2_box_2_label {
              display: flex;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .supmembillcre_s1_form_2_box_2_text {
              display: flex;
              width: 100%;
              height: 10rem;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
          .supmembillcre_s1_form_2_box_label {
            display: flex;
            width: 35rem;
            font-size: 2rem;
            font-weight: 700;
            color: #002060; }
          .supmembillcre_s1_form_2_box_input {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1.5rem 2rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
      .supmembillcre_s1_form_3 {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 2rem;
        margin-top: 2rem; }
        .supmembillcre_s1_form_3_label {
          display: flex;
          font-size: 2rem;
          width: 40%; }
          @media only screen and (max-width: 26.5em) {
            .supmembillcre_s1_form_3_label {
              width: 100%; } }
        .supmembillcre_s1_form_3_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 1rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
          @media only screen and (max-width: 26.5em) {
            .supmembillcre_s1_form_3_btn {
              width: 12rem; } }

.supemplist {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .supemplist_title {
    display: flex;
    width: 100%;
    text-transform: uppercase;
    font-size: 2.5rem;
    font-weight: 800;
    margin-left: 2rem;
    color: #3b32ec; }
  .supemplist_search {
    display: flex;
    margin: 1rem;
    color: #002060; }
    .supemplist_search_form {
      display: flex;
      flex-wrap: wrap; }
      .supemplist_search_form_input {
        display: flex;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        padding: 1rem;
        border-radius: 5rem;
        margin: 1rem;
        font-size: 1.2rem;
        font-weight: 600;
        border: none;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .supemplist_search_form_input input {
          display: flex;
          cursor: pointer;
          color: #002060;
          margin-right: 1rem;
          border: none;
          outline: none;
          background: none;
          font-size: 1.5rem;
          font-weight: 600; }
        .supemplist_search_form_input span {
          font-size: 1.5rem; }
        .supemplist_search_form_input_text {
          font-size: 1.5rem; }
  .supemplist_box {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    max-height: 60rem;
    overflow: scroll; }
    .supemplist_box::-webkit-scrollbar {
      width: 0.2rem; }
    .supemplist_box::-webkit-scrollbar-thumb {
      background: #f1ecec; }
    .supemplist_box_item {
      display: flex;
      cursor: pointer;
      flex-direction: column;
      width: 35rem;
      margin: 1rem;
      border-radius: 2rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .supemplist_box_item_1 {
        display: flex;
        margin: 1rem; }
        .supemplist_box_item_1_pro {
          display: flex;
          flex: 0 0 30%; }
          .supemplist_box_item_1_pro_img {
            display: flex;
            width: 7rem;
            height: 7rem;
            margin: 1rem;
            border-radius: 50%; }
        .supemplist_box_item_1_detail {
          display: flex;
          flex: 1;
          flex-direction: column; }
          .supemplist_box_item_1_detail_1 {
            display: flex;
            font-weight: 700;
            margin: 1rem 0;
            align-items: center; }
            .supemplist_box_item_1_detail_1_id {
              display: flex;
              flex: 0 0 60%;
              font-size: 1.5rem; }
            .supemplist_box_item_1_detail_1_box {
              display: flex;
              flex-direction: column; }
              .supemplist_box_item_1_detail_1_box_btn {
                font-size: 1.5rem;
                cursor: pointer;
                margin: 0.3rem 0;
                text-decoration: none;
                text-align: center;
                background-color: #3b32ec;
                padding: 0.3rem 3rem;
                border-radius: 3rem;
                color: #fff; }
          .supemplist_box_item_1_detail_2 {
            display: flex;
            flex-direction: column; }
            .supemplist_box_item_1_detail_2_text {
              display: flex;
              font-size: 1.5rem;
              margin-bottom: 0.3rem; }
              .supemplist_box_item_1_detail_2_text:first-child {
                font-weight: 700; }

.supmem {
  display: flex; }
  @media only screen and (max-width: 600px) {
    .supmem {
      flex-wrap: wrap; } }
  .supmem_pro {
    display: flex;
    flex-direction: column;
    width: 55%;
    border-radius: 2rem;
    margin: 1rem;
    padding: 1rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    @media only screen and (max-width: 48em) {
      .supmem_pro {
        width: 100%;
        margin: 0; } }
    .supmem_pro_1 {
      display: flex; }
      .supmem_pro_1_box1 {
        display: flex;
        width: 40%;
        flex-direction: column;
        align-items: center;
        margin: 1rem;
        color: #002060; }
        .supmem_pro_1_box1_id {
          display: flex;
          flex-wrap: wrap;
          font-size: 1.6rem;
          font-weight: 700;
          margin: 1rem; }
        .supmem_pro_1_box1_profile {
          display: flex;
          width: 15rem;
          margin: 1rem;
          border-radius: 1rem;
          box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
          justify-content: checked;
          align-items: center; }
          .supmem_pro_1_box1_profile_img {
            display: flex;
            width: 13rem;
            margin: 1rem; }
        .supmem_pro_1_box1_btn {
          padding: 1rem 3rem;
          cursor: pointer;
          background: #3b32ec;
          color: #fff;
          margin: 1rem;
          border-radius: 3rem;
          font-size: 1.8rem;
          font-weight: 700;
          box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .supmem_pro_1_box2 {
        display: flex;
        width: 60%;
        flex-direction: column;
        color: #002060; }
        .supmem_pro_1_box2_logo {
          display: flex;
          width: 18rem;
          min-height: 12rem;
          box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
          border-radius: 1rem;
          align-items: center;
          justify-content: center;
          margin: 1rem auto; }
          .supmem_pro_1_box2_logo_img {
            display: flex;
            width: 15rem; }
        .supmem_pro_1_box2_company {
          display: flex;
          font-size: 2rem;
          font-weight: 700;
          margin: 0.5rem; }
        .supmem_pro_1_box2_name {
          display: flex;
          font-size: 1.8rem;
          font-weight: 700;
          margin: 0.5rem; }
        .supmem_pro_1_box2_contact {
          display: flex; }
          .supmem_pro_1_box2_contact_box {
            display: flex;
            flex-direction: column;
            width: 95%; }
            .supmem_pro_1_box2_contact_box_title {
              display: flex;
              font-size: 1.8rem;
              margin: 0.5rem; }
              @media only screen and (max-width: 48em) {
                .supmem_pro_1_box2_contact_box_title {
                  font-size: 1.5rem;
                  margin: 0.2rem; } }
            .supmem_pro_1_box2_contact_box_1 {
              display: flex;
              flex-wrap: wrap;
              justify-content: space-around; }
              .supmem_pro_1_box2_contact_box_1_link {
                font-size: 1.5rem;
                text-decoration: none;
                color: #002060;
                margin: 0.5rem; }
                @media only screen and (max-width: 48em) {
                  .supmem_pro_1_box2_contact_box_1_link {
                    font-size: 1.3rem;
                    margin: 0.2rem; } }
        .supmem_pro_1_box2_address {
          display: flex;
          font-size: 1.5rem;
          font-weight: 500;
          margin: 0.5rem; }
  .supmem_card {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    align-items: flex-start;
    margin: 1rem;
    border-radius: 2rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    .supmem_card_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-evenly;
      width: 20rem;
      margin: 1rem;
      border-radius: 1rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .supmem_card_item_title {
        display: flex;
        font-size: 2rem;
        text-transform: uppercase;
        font-weight: 700;
        color: #3b32ec;
        margin-top: 1rem; }
      .supmem_card_item_text {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        font-size: 1.6rem;
        font-weight: 600;
        margin: 0.5rem;
        color: #002060; }
      .supmem_card_item_val {
        display: flex;
        font-size: 2rem;
        text-transform: uppercase;
        font-weight: 700;
        color: #002060;
        margin: 0.5rem; }
      .supmem_card_item_active {
        display: flex;
        justify-content: center;
        width: 90%;
        margin: 0.5rem;
        padding: 0.5rem;
        font-size: 1.6rem;
        font-weight: 500;
        text-decoration: none;
        color: #fff;
        background-color: #fd9800;
        border-radius: 2rem; }
      .supmem_card_item_renewal {
        display: flex;
        justify-content: center;
        width: 90%;
        margin: 0.5rem;
        padding: 0.5rem;
        font-size: 1.6rem;
        font-weight: 500;
        text-decoration: none;
        color: #fff;
        background-color: #fd9800;
        border-radius: 2rem; }
      .supmem_card_item_bill {
        display: flex;
        justify-content: center;
        width: 90%;
        margin: 0.5rem;
        padding: 0.5rem;
        font-size: 1.6rem;
        font-weight: 500;
        text-decoration: none;
        color: #fff;
        background-color: #3b32ec;
        border-radius: 2rem; }
      .supmem_card_item_remove {
        display: flex;
        justify-content: center;
        width: 90%;
        margin: 0.5rem;
        padding: 0.5rem;
        font-size: 1.6rem;
        font-weight: 500;
        text-decoration: none;
        color: #fff;
        background-color: #f44336;
        border-radius: 2rem; }

.supmemcre {
  display: flex; }
  .supmemcre_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 45%;
    margin: 1rem;
    color: #002060; }
    .supmemcre_box_title {
      font-size: 2rem;
      margin: 0.5rem; }
    .supmemcre_box_text {
      font-size: 1.3rem;
      margin-left: 2rem; }
    .supmemcre_box_btn {
      display: flex;
      cursor: pointer;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
      justify-content: center;
      align-items: center;
      text-transform: uppercase;
      width: 20rem;
      font-size: 2rem;
      font-weight: 600;
      padding: 1rem 3rem;
      background-color: #3b32ec;
      color: #fff;
      border-radius: 3rem;
      margin: 1rem; }

.supmemgenform {
  display: flex;
  width: 80%;
  flex-direction: column;
  margin: 1rem auto;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
  @media only screen and (max-width: 48em) {
    .supmemgenform {
      width: 100%; } }
  .supmemgenform_head {
    display: flex;
    width: 90%;
    justify-content: space-between;
    align-items: center;
    margin: 0.5rem auto; }
    .supmemgenform_head_title {
      display: flex;
      font-size: 2.5rem;
      font-weight: 600;
      color: #3b32ec; }
    .supmemgenform_head_close {
      display: flex;
      cursor: pointer;
      font-size: 2rem;
      padding: 1rem 3rem;
      border-radius: 3rem;
      margin: 1rem;
      background-color: #f44336;
      color: #fff; }
  .supmemgenform_s1 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supmemgenform_s1_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supmemgenform_s1_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supmemgenform_s1_form {
      display: flex;
      flex-direction: column;
      width: 80%;
      margin: 0 auto; }
      @media only screen and (max-width: 48em) {
        .supmemgenform_s1_form {
          width: 100%; } }
      .supmemgenform_s1_form_1 {
        display: flex;
        margin: 1rem;
        align-items: center;
        flex-wrap: wrap; }
        .supmemgenform_s1_form_1_btn {
          display: flex;
          cursor: pointer;
          font-size: 2rem;
          margin: 1rem;
          font-weight: 600;
          color: #fff;
          background-color: #3b32ec;
          padding: 1rem;
          border-radius: 3rem; }
        .supmemgenform_s1_form_1_label {
          display: flex;
          font-size: 1.8rem;
          margin: 1rem; }
      .supmemgenform_s1_form_2 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .supmemgenform_s1_form_2_box {
          display: flex;
          flex-direction: column;
          width: 100%;
          margin: 0.5rem; }
          @media only screen and (max-width: 48em) {
            .supmemgenform_s1_form_2_box {
              width: 90%; } }
          .supmemgenform_s1_form_2_box_title {
            display: flex;
            margin: 0.5rem;
            font-size: 1.8rem;
            font-weight: 700;
            color: #002060; }
          .supmemgenform_s1_form_2_box_btn {
            display: flex;
            cursor: pointer;
            width: 22rem;
            margin: 1rem;
            justify-content: center;
            font-size: 2rem;
            font-weight: 600;
            padding: 1rem 2rem;
            border-radius: 3rem;
            background-color: #3b32ec;
            color: #fff; }
          .supmemgenform_s1_form_2_box_2 {
            display: flex;
            width: 100%;
            flex-direction: column;
            margin: 0.5rem; }
            .supmemgenform_s1_form_2_box_2_label {
              display: flex;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .supmemgenform_s1_form_2_box_2_text {
              display: flex;
              width: 100%;
              height: 10rem;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
          .supmemgenform_s1_form_2_box_label {
            display: flex;
            width: 35rem;
            font-size: 2rem;
            font-weight: 700;
            color: #002060; }
          .supmemgenform_s1_form_2_box_input {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1.5rem 2rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
      .supmemgenform_s1_form_3 {
        display: flex;
        width: 100%;
        align-items: center;
        flex-wrap: wrap; }
        .supmemgenform_s1_form_3_label {
          display: flex;
          font-size: 2rem;
          width: 40%; }
          @media only screen and (max-width: 26.5em) {
            .supmemgenform_s1_form_3_label {
              width: 100%; } }
        .supmemgenform_s1_form_3_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 1rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .supmemgenform_s1_form_4 {
        display: flex;
        justify-content: center; }
        @media only screen and (max-width: 26.5em) {
          .supmemgenform_s1_form_4 {
            flex-direction: column; } }
        .supmemgenform_s1_form_4_logo {
          display: flex;
          flex-direction: column;
          width: 50%;
          margin: 0 auto;
          align-items: center;
          justify-content: center; }
          .supmemgenform_s1_form_4_logo_img {
            display: flex;
            width: 18rem;
            min-height: 15rem;
            justify-content: center;
            align-items: center;
            margin: 2rem;
            border-radius: 1rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
            .supmemgenform_s1_form_4_logo_img_pic {
              display: flex;
              width: 15rem; }
          .supmemgenform_s1_form_4_logo_input {
            display: none; }
          .supmemgenform_s1_form_4_logo_label {
            background-color: #3b32ec;
            color: #fff;
            font-size: 1.8rem;
            font-weight: 800;
            padding: 0.5rem 2rem;
            border-radius: 4rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
        .supmemgenform_s1_form_4_pro {
          display: flex;
          flex-direction: column;
          width: 50%;
          margin: 0 auto;
          align-items: center;
          justify-content: center; }
          .supmemgenform_s1_form_4_pro_img {
            display: flex;
            width: 15rem;
            justify-content: center;
            align-items: center;
            margin: 2rem;
            border-radius: 1rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
            .supmemgenform_s1_form_4_pro_img_pic {
              display: flex;
              width: 13rem; }
          .supmemgenform_s1_form_4_pro_input {
            display: none; }
          .supmemgenform_s1_form_4_pro_label {
            background-color: #3b32ec;
            color: #fff;
            font-size: 1.8rem;
            font-weight: 800;
            padding: 0.5rem 2rem;
            border-radius: 4rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
      .supmemgenform_s1_form_5 {
        display: flex;
        flex-direction: column;
        margin: 1rem auto; }
        .supmemgenform_s1_form_5_detail {
          display: flex;
          width: 100%;
          flex-direction: column; }
          @media only screen and (max-width: 48em) {
            .supmemgenform_s1_form_5_detail {
              align-items: center; } }
          .supmemgenform_s1_form_5_detail_title {
            display: flex;
            font-size: 2.2rem;
            font-weight: 600; }
          .supmemgenform_s1_form_5_detail_box {
            display: flex;
            margin: 0.2rem;
            flex-wrap: wrap;
            justify-content: center; }
            @media only screen and (max-width: 48em) {
              .supmemgenform_s1_form_5_detail_box {
                justify-content: center; } }
            .supmemgenform_s1_form_5_detail_box_item {
              display: flex;
              margin: 0.5rem;
              margin-left: 0.8rem;
              width: 20rem;
              align-items: center;
              justify-content: space-between;
              border-radius: 3rem;
              padding: 0.5rem;
              box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
              @media only screen and (max-width: 48em) {
                .supmemgenform_s1_form_5_detail_box_item {
                  margin: 0.5rem; } }
              .supmemgenform_s1_form_5_detail_box_item_text {
                display: flex;
                font-size: 1.8rem;
                margin-right: 1rem; }
              .supmemgenform_s1_form_5_detail_box_item_toggle {
                display: inline-block;
                cursor: pointer;
                outline: none;
                --width: 4rem;
                --height: calc(var(--width) / 2);
                --border-radius: calc(var(--height) / 2); }
                .supmemgenform_s1_form_5_detail_box_item_toggle_check {
                  display: none; }
                .supmemgenform_s1_form_5_detail_box_item_toggle_fill {
                  position: relative;
                  width: var(--width);
                  height: var(--height);
                  border-radius: var(--border-radius);
                  background: #f44336;
                  transition: background 0.2s; }
                .supmemgenform_s1_form_5_detail_box_item_toggle_fill::after {
                  content: '';
                  position: absolute;
                  top: 0;
                  left: 0;
                  height: var(--height);
                  width: var(--height);
                  border-radius: var(--border-radius);
                  background: #fff;
                  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25);
                  transition: transform 0.2s; }
                .supmemgenform_s1_form_5_detail_box_item_toggle_check:checked ~ .supmemgenform_s1_form_5_detail_box_item_toggle_fill {
                  background-color: #11e223; }
                .supmemgenform_s1_form_5_detail_box_item_toggle_check:checked ~ .supmemgenform_s1_form_5_detail_box_item_toggle_fill::after {
                  transform: translateX(var(--height)); }
    .supmemgenform_s1_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .supmemgenform_s1_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemgenform_s1_botnav_pre span {
          font-size: 2.2rem; }
      .supmemgenform_s1_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemgenform_s1_botnav_next span {
          font-size: 2.2rem; }
  .supmemgenform_s2 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supmemgenform_s2_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supmemgenform_s2_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supmemgenform_s2_form {
      display: flex;
      flex-direction: column;
      width: 85%;
      margin: 0 auto; }
      .supmemgenform_s2_form_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        color: #002060; }
      .supmemgenform_s2_form_1 {
        display: flex;
        justify-content: center; }
        .supmemgenform_s2_form_1_input {
          display: flex;
          width: 85%;
          border: 0.2rem solid #002060;
          padding: 1rem;
          margin: 1rem;
          font-size: 1.5rem;
          outline: none;
          border-radius: 0.5rem; }
      .supmemgenform_s2_form_2 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .supmemgenform_s2_form_2_box {
          display: flex;
          flex-direction: column;
          width: 85%;
          margin: 0.5rem; }
          .supmemgenform_s2_form_2_box_label {
            display: flex;
            width: 35rem;
            font-size: 2rem;
            font-weight: 700;
            color: #002060; }
          .supmemgenform_s2_form_2_box_input {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
      .supmemgenform_s2_form_3 {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin: 1rem; }
        .supmemgenform_s2_form_3_label {
          display: flex;
          font-size: 2rem;
          width: 60%; }
        .supmemgenform_s2_form_3_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 1rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
    .supmemgenform_s2_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .supmemgenform_s2_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemgenform_s2_botnav_pre span {
          font-size: 2.2rem; }
      .supmemgenform_s2_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemgenform_s2_botnav_next span {
          font-size: 2.2rem; }
  .supmemgenform_s3 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supmemgenform_s3_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supmemgenform_s3_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supmemgenform_s3_form {
      display: flex;
      flex-direction: column;
      width: 85%;
      margin: 0 auto; }
      .supmemgenform_s3_form_2 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .supmemgenform_s3_form_2_box {
          display: flex;
          flex-direction: column;
          width: 85%;
          margin: 0.5rem; }
          @media only screen and (max-width: 48em) {
            .supmemgenform_s3_form_2_box {
              width: 100%; } }
          .supmemgenform_s3_form_2_box_1 {
            display: flex;
            justify-content: center; }
            @media only screen and (max-width: 48em) {
              .supmemgenform_s3_form_2_box_1 {
                flex-wrap: wrap; } }
            .supmemgenform_s3_form_2_box_1_item {
              display: flex;
              width: 43%;
              flex-direction: column;
              margin: 0.5rem; }
              @media only screen and (max-width: 48em) {
                .supmemgenform_s3_form_2_box_1_item {
                  width: 80%; } }
              .supmemgenform_s3_form_2_box_1_item_label {
                display: flex;
                width: 35rem;
                font-size: 2rem;
                font-weight: 700;
                color: #002060; }
              .supmemgenform_s3_form_2_box_1_item_input {
                display: flex;
                width: 100%;
                border: 0.2rem solid #002060;
                padding: 1rem;
                font-size: 1.5rem;
                outline: none;
                border-radius: 0.5rem; }
            .supmemgenform_s3_form_2_box_1_item1 {
              display: flex;
              width: 25rem;
              height: 18rem;
              margin: 1rem;
              border-radius: 1rem;
              box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
              .supmemgenform_s3_form_2_box_1_item1_input {
                display: flex;
                width: 4rem;
                height: 4rem;
                margin: 1rem; }
              .supmemgenform_s3_form_2_box_1_item1_label {
                display: flex;
                align-items: center;
                width: 100%;
                margin-top: 1rem;
                font-size: 1.8rem;
                color: #002060;
                padding: 1rem; }
          .supmemgenform_s3_form_2_box_label {
            display: flex;
            width: 35rem;
            font-size: 2rem;
            font-weight: 700;
            color: #002060; }
          .supmemgenform_s3_form_2_box_text {
            display: flex;
            width: 100%;
            height: 15rem;
            border: 0.2rem solid #002060;
            padding: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
          .supmemgenform_s3_form_2_box_text1 {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
          .supmemgenform_s3_form_2_box_input {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
      .supmemgenform_s3_form_btn {
        display: flex;
        justify-content: center;
        width: 15rem;
        font-size: 2rem;
        margin: 2rem;
        padding: 1rem 2rem;
        border-radius: 3rem;
        border: none;
        outline: none;
        background-color: #3b32ec;
        color: #fff; }
    .supmemgenform_s3_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .supmemgenform_s3_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemgenform_s3_botnav_pre span {
          font-size: 2.2rem; }
      .supmemgenform_s3_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemgenform_s3_botnav_next span {
          font-size: 2.2rem; }
  .supmemgenform_s4 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supmemgenform_s4_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supmemgenform_s4_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supmemgenform_s4_form {
      display: flex;
      flex-direction: column;
      width: 85%;
      margin: 0 auto; }
      .supmemgenform_s4_form_pay {
        display: flex;
        width: 80%;
        margin: 0 auto;
        align-items: center;
        justify-content: center; }
        @media only screen and (max-width: 48em) {
          .supmemgenform_s4_form_pay {
            flex-wrap: wrap;
            justify-content: center; } }
        .supmemgenform_s4_form_pay_img {
          display: flex;
          width: 20rem;
          min-height: 18rem;
          justify-content: center;
          align-items: center;
          margin: 2rem;
          border-radius: 2rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
          .supmemgenform_s4_form_pay_img_pic {
            display: flex;
            width: 16rem;
            height: 16rem; }
        .supmemgenform_s4_form_pay_input {
          display: none; }
        .supmemgenform_s4_form_pay_label {
          margin-left: 2rem;
          text-transform: uppercase;
          background-color: #3b32ec;
          color: #fff;
          font-size: 1.8rem;
          font-weight: 600;
          padding: 1rem 2rem;
          border-radius: 4rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
      .supmemgenform_s4_form_2 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .supmemgenform_s4_form_2_box {
          display: flex;
          flex-direction: column;
          width: 85%;
          margin: 0.5rem; }
          @media only screen and (max-width: 48em) {
            .supmemgenform_s4_form_2_box {
              width: 100%; } }
          .supmemgenform_s4_form_2_box_label {
            display: flex;
            width: 35rem;
            font-size: 2rem;
            font-weight: 700;
            color: #002060; }
          .supmemgenform_s4_form_2_box_input {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
      .supmemgenform_s4_form_3 {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin: 1rem; }
        .supmemgenform_s4_form_3_label {
          display: flex;
          font-size: 2rem;
          width: 60%; }
        .supmemgenform_s4_form_3_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 1rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
    .supmemgenform_s4_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .supmemgenform_s4_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemgenform_s4_botnav_pre span {
          font-size: 2.2rem; }
      .supmemgenform_s4_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemgenform_s4_botnav_next span {
          font-size: 2.2rem; }
  .supmemgenform_s5 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supmemgenform_s5_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supmemgenform_s5_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supmemgenform_s5_form {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      width: 100%; }
      .supmemgenform_s5_form_file {
        display: flex;
        margin: 1rem;
        width: 30rem;
        height: 4rem;
        border-radius: 3rem;
        font-size: 1.8rem;
        border: none;
        color: #fff;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .supmemgenform_s5_form_file::-webkit-file-upload-button {
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          background-color: #fff;
          outline: none; }
      .supmemgenform_s5_form_input {
        display: flex;
        margin: 1rem;
        font-size: 1.8rem;
        color: #fff;
        padding: 1rem 5rem;
        border-radius: 3rem;
        border: none;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    .supmemgenform_s5_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .supmemgenform_s5_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemgenform_s5_botnav_pre span {
          font-size: 2.2rem; }
      .supmemgenform_s5_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemgenform_s5_botnav_next span {
          font-size: 2.2rem; }
  .supmemgenform_s6 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supmemgenform_s6_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supmemgenform_s6_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supmemgenform_s6_form {
      display: flex;
      justify-content: center;
      width: 100%;
      height: 6rem; }
      @media only screen and (max-width: 48em) {
        .supmemgenform_s6_form {
          flex-wrap: wrap;
          height: 10rem; } }
      .supmemgenform_s6_form_file {
        display: flex;
        margin: 1rem;
        border-radius: 3rem;
        font-size: 1.8rem;
        border: none;
        color: #fff;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .supmemgenform_s6_form_file::-webkit-file-upload-button {
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          background-color: #fff;
          outline: none; }
      .supmemgenform_s6_form_input {
        display: flex;
        margin: 1rem;
        font-size: 1.8rem;
        color: #fff;
        padding: 1rem 5rem;
        border-radius: 3rem;
        border: none;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    .supmemgenform_s6_box {
      display: flex;
      width: 100%;
      margin: 2rem auto;
      flex-wrap: wrap;
      padding: 1rem;
      border-radius: 2rem;
      justify-content: space-around;
      border: 0.2rem solid #3b32ec;
      max-height: 55rem;
      overflow: scroll; }
      .supmemgenform_s6_box::-webkit-scrollbar {
        width: 0.2rem; }
      .supmemgenform_s6_box::-webkit-scrollbar-thumb {
        background: #f1ecec; }
      .supmemgenform_s6_box_item {
        display: flex;
        flex-direction: column;
        width: 20rem;
        margin: 1rem;
        border-radius: 1rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .supmemgenform_s6_box_item_img {
          display: flex;
          width: 20rem;
          height: 18rem;
          justify-content: center;
          align-items: center; }
          .supmemgenform_s6_box_item_img_pic {
            display: flex;
            width: 18rem;
            margin: 0.5rem; }
        .supmemgenform_s6_box_item_btn {
          display: flex;
          cursor: pointer;
          width: 100%;
          padding: 1.5rem 2rem;
          border-bottom-left-radius: 1rem;
          border-bottom-right-radius: 1rem;
          text-transform: uppercase;
          justify-content: center;
          border: none;
          outline: none;
          font-weight: 600;
          background-color: #3b32ec;
          color: #fff;
          font-size: 1.5rem; }
    .supmemgenform_s6_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .supmemgenform_s6_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemgenform_s6_botnav_pre span {
          font-size: 2.2rem; }
      .supmemgenform_s6_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemgenform_s6_botnav_next span {
          font-size: 2.2rem; }
  .supmemgenform_s7 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supmemgenform_s7_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supmemgenform_s7_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supmemgenform_s7_form {
      display: flex;
      justify-content: center;
      width: 100%;
      height: 6rem; }
      @media only screen and (max-width: 48em) {
        .supmemgenform_s7_form {
          flex-wrap: wrap;
          height: 10rem; } }
      .supmemgenform_s7_form_file {
        display: flex;
        margin: 1rem;
        border-radius: 3rem;
        font-size: 1.8rem;
        border: none;
        color: #fff;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .supmemgenform_s7_form_file::-webkit-file-upload-button {
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          background-color: #fff;
          outline: none; }
      .supmemgenform_s7_form_input {
        display: flex;
        margin: 1rem;
        font-size: 1.8rem;
        color: #fff;
        padding: 1rem 5rem;
        border-radius: 3rem;
        border: none;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    .supmemgenform_s7_box {
      display: flex;
      width: 100%;
      margin: 2rem auto;
      flex-wrap: wrap;
      padding: 1rem;
      border-radius: 2rem;
      justify-content: space-around;
      border: 0.2rem solid #3b32ec;
      max-height: 55rem;
      overflow: scroll; }
      .supmemgenform_s7_box::-webkit-scrollbar {
        width: 0.2rem; }
      .supmemgenform_s7_box::-webkit-scrollbar-thumb {
        background: #f1ecec; }
      .supmemgenform_s7_box_item {
        display: flex;
        flex-direction: column;
        width: 22rem;
        margin: 1rem;
        border-radius: 1rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        @media only screen and (max-width: 48em) {
          .supmemgenform_s7_box_item {
            width: 25rem; } }
        .supmemgenform_s7_box_item_img {
          display: flex;
          width: 22rem;
          height: 15rem;
          justify-content: center; }
          @media only screen and (max-width: 48em) {
            .supmemgenform_s7_box_item_img {
              width: 25rem; } }
          .supmemgenform_s7_box_item_img_video {
            display: flex;
            width: 20rem;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .supmemgenform_s7_box_item_img_video {
                width: 23rem; } }
        .supmemgenform_s7_box_item_btn {
          display: flex;
          cursor: pointer;
          width: 100%;
          padding: 1.5rem 2rem;
          border-bottom-left-radius: 1rem;
          border-bottom-right-radius: 1rem;
          text-transform: uppercase;
          justify-content: center;
          border: none;
          outline: none;
          font-weight: 600;
          background-color: #3b32ec;
          color: #fff;
          font-size: 1.5rem; }
    .supmemgenform_s7_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .supmemgenform_s7_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemgenform_s7_botnav_pre span {
          font-size: 2.2rem; }
      .supmemgenform_s7_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemgenform_s7_botnav_next span {
          font-size: 2.2rem; }
  .supmemgenform_s8 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supmemgenform_s8_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supmemgenform_s8_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supmemgenform_s8_form {
      display: flex;
      justify-content: center;
      width: 100%;
      height: 6rem; }
      @media only screen and (max-width: 48em) {
        .supmemgenform_s8_form {
          flex-wrap: wrap;
          height: 10rem; } }
      .supmemgenform_s8_form_file {
        display: flex;
        margin: 1rem;
        border-radius: 3rem;
        font-size: 1.8rem;
        border: none;
        color: #fff;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .supmemgenform_s8_form_file::-webkit-file-upload-button {
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          background-color: #fff;
          outline: none; }
      .supmemgenform_s8_form_input {
        display: flex;
        margin: 1rem;
        font-size: 1.8rem;
        color: #fff;
        padding: 1rem 5rem;
        border-radius: 3rem;
        border: none;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    .supmemgenform_s8_box {
      display: flex;
      width: 100%;
      margin: 2rem auto;
      flex-wrap: wrap;
      padding: 1rem;
      border-radius: 2rem;
      justify-content: space-around;
      border: 0.2rem solid #3b32ec;
      max-height: 55rem;
      overflow: scroll; }
      .supmemgenform_s8_box::-webkit-scrollbar {
        width: 0.2rem; }
      .supmemgenform_s8_box::-webkit-scrollbar-thumb {
        background: #f1ecec; }
      .supmemgenform_s8_box_item {
        display: flex;
        flex-direction: column;
        width: 20rem;
        margin: 1rem;
        border-radius: 1rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .supmemgenform_s8_box_item_img {
          display: flex;
          width: 20rem;
          height: 18rem;
          justify-content: center;
          align-items: center; }
          .supmemgenform_s8_box_item_img_pic {
            display: flex;
            width: 18rem;
            margin: 0.5rem; }
        .supmemgenform_s8_box_item_btn {
          display: flex;
          cursor: pointer;
          width: 100%;
          padding: 1.5rem 2rem;
          border-bottom-left-radius: 1rem;
          border-bottom-right-radius: 1rem;
          text-transform: uppercase;
          justify-content: center;
          border: none;
          outline: none;
          font-weight: 600;
          background-color: #3b32ec;
          color: #fff;
          font-size: 1.5rem; }
    .supmemgenform_s8_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .supmemgenform_s8_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemgenform_s8_botnav_pre span {
          font-size: 2.2rem; }
      .supmemgenform_s8_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemgenform_s8_botnav_next span {
          font-size: 2.2rem; }

.supmemcard {
  display: flex;
  width: 100%;
  flex-direction: column; }
  .supmemcard_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 700;
    color: #3b32ec;
    margin-right: 2rem; }
  .supmemcard_box {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto; }
    .supmemcard_box_item {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 1rem; }
      .supmemcard_box_item_img {
        display: flex;
        width: 15rem; }
      .supmemcard_box_item_edit {
        display: flex;
        justify-content: center;
        width: 10rem;
        border-radius: 3rem;
        font-size: 1.8rem;
        cursor: pointer;
        font-weight: 700;
        background-color: #3b32ec;
        color: #fff;
        margin: 1rem;
        padding: 0.5rem 1rem; }

.supmemeditform {
  display: flex;
  width: 80%;
  flex-direction: column;
  margin: 1rem auto;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
  @media only screen and (max-width: 48em) {
    .supmemeditform {
      width: 100%; } }
  .supmemeditform_head {
    display: flex;
    width: 90%;
    justify-content: space-between;
    align-items: center;
    margin: 0.5rem auto; }
    .supmemeditform_head_title {
      display: flex;
      font-size: 2.5rem;
      font-weight: 600;
      color: #3b32ec; }
    .supmemeditform_head_close {
      display: flex;
      cursor: pointer;
      font-size: 2rem;
      padding: 1rem 3rem;
      border-radius: 3rem;
      margin: 1rem;
      background-color: #f44336;
      color: #fff; }
  .supmemeditform_s1 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supmemeditform_s1_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supmemeditform_s1_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supmemeditform_s1_form {
      display: flex;
      flex-direction: column;
      width: 80%;
      margin: 0 auto; }
      @media only screen and (max-width: 48em) {
        .supmemeditform_s1_form {
          width: 100%; } }
      .supmemeditform_s1_form_1 {
        display: flex;
        margin: 1rem;
        align-items: center;
        flex-wrap: wrap; }
        .supmemeditform_s1_form_1_btn {
          display: flex;
          cursor: pointer;
          font-size: 2rem;
          margin: 1rem;
          font-weight: 600;
          color: #fff;
          background-color: #3b32ec;
          padding: 1rem 3rem;
          border-radius: 3rem; }
        .supmemeditform_s1_form_1_label {
          display: flex;
          font-size: 1.8rem;
          margin: 1rem; }
      .supmemeditform_s1_form_2 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .supmemeditform_s1_form_2_box {
          display: flex;
          flex-direction: column;
          width: 100%;
          margin: 0.5rem; }
          @media only screen and (max-width: 48em) {
            .supmemeditform_s1_form_2_box {
              width: 90%; } }
          .supmemeditform_s1_form_2_box_title {
            display: flex;
            margin: 0.5rem;
            font-size: 1.8rem;
            font-weight: 700;
            color: #002060; }
          .supmemeditform_s1_form_2_box_btn {
            display: flex;
            cursor: pointer;
            width: 22rem;
            margin: 1rem;
            justify-content: center;
            font-size: 2rem;
            font-weight: 600;
            padding: 1rem 2rem;
            border-radius: 3rem;
            background-color: #3b32ec;
            color: #fff; }
          .supmemeditform_s1_form_2_box_2 {
            display: flex;
            width: 100%;
            flex-direction: column;
            margin: 0.5rem; }
            .supmemeditform_s1_form_2_box_2_label {
              display: flex;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .supmemeditform_s1_form_2_box_2_text {
              display: flex;
              width: 100%;
              height: 10rem;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
          .supmemeditform_s1_form_2_box_label {
            display: flex;
            width: 35rem;
            font-size: 2rem;
            font-weight: 700;
            color: #002060; }
          .supmemeditform_s1_form_2_box_input {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1.5rem 2rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
      .supmemeditform_s1_form_3 {
        display: flex;
        width: 100%;
        align-items: center; }
        .supmemeditform_s1_form_3_label {
          display: flex;
          font-size: 2rem;
          width: 40%; }
          @media only screen and (max-width: 26.5em) {
            .supmemeditform_s1_form_3_label {
              width: 100%; } }
        .supmemeditform_s1_form_3_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 1rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .supmemeditform_s1_form_4 {
        display: flex;
        justify-content: center; }
        @media only screen and (max-width: 26.5em) {
          .supmemeditform_s1_form_4 {
            flex-direction: column; } }
        .supmemeditform_s1_form_4_logo {
          display: flex;
          flex-direction: column;
          width: 50%;
          margin: 0 auto;
          align-items: center;
          justify-content: center; }
          .supmemeditform_s1_form_4_logo_img {
            display: flex;
            width: 18rem;
            min-height: 15rem;
            justify-content: center;
            align-items: center;
            margin: 2rem;
            border-radius: 1rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
            .supmemeditform_s1_form_4_logo_img_pic {
              display: flex;
              width: 15rem; }
          .supmemeditform_s1_form_4_logo_input {
            display: none; }
          .supmemeditform_s1_form_4_logo_label {
            background-color: #3b32ec;
            color: #fff;
            font-size: 1.8rem;
            font-weight: 800;
            padding: 0.5rem 2rem;
            border-radius: 4rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
        .supmemeditform_s1_form_4_pro {
          display: flex;
          flex-direction: column;
          width: 50%;
          margin: 0 auto;
          align-items: center;
          justify-content: center; }
          .supmemeditform_s1_form_4_pro_img {
            display: flex;
            width: 15rem;
            min-height: 15rem;
            justify-content: center;
            align-items: center;
            margin: 2rem;
            border-radius: 1rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
            .supmemeditform_s1_form_4_pro_img_pic {
              display: flex;
              width: 13rem; }
          .supmemeditform_s1_form_4_pro_input {
            display: none; }
          .supmemeditform_s1_form_4_pro_label {
            background-color: #3b32ec;
            color: #fff;
            font-size: 1.8rem;
            font-weight: 800;
            padding: 0.5rem 2rem;
            border-radius: 4rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
      .supmemeditform_s1_form_5 {
        display: flex;
        flex-direction: column;
        margin: 1rem auto; }
        .supmemeditform_s1_form_5_detail {
          display: flex;
          width: 100%;
          flex-direction: column; }
          @media only screen and (max-width: 48em) {
            .supmemeditform_s1_form_5_detail {
              align-items: center; } }
          .supmemeditform_s1_form_5_detail_title {
            display: flex;
            font-size: 2.2rem;
            font-weight: 600; }
          .supmemeditform_s1_form_5_detail_box {
            display: flex;
            margin: 0.2rem;
            flex-wrap: wrap;
            justify-content: center; }
            @media only screen and (max-width: 48em) {
              .supmemeditform_s1_form_5_detail_box {
                justify-content: center; } }
            .supmemeditform_s1_form_5_detail_box_item {
              display: flex;
              margin: 0.5rem;
              margin-left: 0.8rem;
              width: 20rem;
              align-items: center;
              justify-content: space-between;
              border-radius: 3rem;
              padding: 0.5rem;
              box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
              @media only screen and (max-width: 48em) {
                .supmemeditform_s1_form_5_detail_box_item {
                  margin: 0.5rem; } }
              .supmemeditform_s1_form_5_detail_box_item_text {
                display: flex;
                font-size: 1.8rem;
                margin-right: 1rem; }
              .supmemeditform_s1_form_5_detail_box_item_toggle {
                display: inline-block;
                cursor: pointer;
                outline: none;
                --width: 4rem;
                --height: calc(var(--width) / 2);
                --border-radius: calc(var(--height) / 2); }
                .supmemeditform_s1_form_5_detail_box_item_toggle_check {
                  display: none; }
                .supmemeditform_s1_form_5_detail_box_item_toggle_fill {
                  position: relative;
                  width: var(--width);
                  height: var(--height);
                  border-radius: var(--border-radius);
                  background: #f44336;
                  transition: background 0.2s; }
                .supmemeditform_s1_form_5_detail_box_item_toggle_fill::after {
                  content: '';
                  position: absolute;
                  top: 0;
                  left: 0;
                  height: var(--height);
                  width: var(--height);
                  border-radius: var(--border-radius);
                  background: #fff;
                  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25);
                  transition: transform 0.2s; }
                .supmemeditform_s1_form_5_detail_box_item_toggle_check:checked ~ .supmemeditform_s1_form_5_detail_box_item_toggle_fill {
                  background-color: #11e223; }
                .supmemeditform_s1_form_5_detail_box_item_toggle_check:checked ~ .supmemeditform_s1_form_5_detail_box_item_toggle_fill::after {
                  transform: translateX(var(--height)); }
    .supmemeditform_s1_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .supmemeditform_s1_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemeditform_s1_botnav_pre span {
          font-size: 2.2rem; }
      .supmemeditform_s1_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemeditform_s1_botnav_next span {
          font-size: 2.2rem; }
  .supmemeditform_s2 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supmemeditform_s2_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supmemeditform_s2_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supmemeditform_s2_form {
      display: flex;
      flex-direction: column;
      width: 85%;
      margin: 0 auto; }
      .supmemeditform_s2_form_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        color: #002060; }
      .supmemeditform_s2_form_1 {
        display: flex;
        justify-content: center; }
        .supmemeditform_s2_form_1_input {
          display: flex;
          width: 85%;
          border: 0.2rem solid #002060;
          padding: 1rem;
          margin: 1rem;
          font-size: 1.5rem;
          outline: none;
          border-radius: 0.5rem; }
      .supmemeditform_s2_form_2 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .supmemeditform_s2_form_2_box {
          display: flex;
          flex-direction: column;
          width: 85%;
          margin: 0.5rem; }
          .supmemeditform_s2_form_2_box_label {
            display: flex;
            width: 35rem;
            font-size: 2rem;
            font-weight: 700;
            color: #002060; }
          .supmemeditform_s2_form_2_box_input {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
      .supmemeditform_s2_form_3 {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin: 1rem; }
        .supmemeditform_s2_form_3_label {
          display: flex;
          font-size: 2rem;
          width: 60%; }
        .supmemeditform_s2_form_3_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 1rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
    .supmemeditform_s2_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .supmemeditform_s2_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemeditform_s2_botnav_pre span {
          font-size: 2.2rem; }
      .supmemeditform_s2_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemeditform_s2_botnav_next span {
          font-size: 2.2rem; }
  .supmemeditform_s3 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supmemeditform_s3_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supmemeditform_s3_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supmemeditform_s3_form {
      display: flex;
      flex-direction: column;
      width: 85%;
      margin: 0 auto; }
      .supmemeditform_s3_form_2 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .supmemeditform_s3_form_2_box {
          display: flex;
          flex-direction: column;
          width: 85%;
          margin: 0.5rem; }
          @media only screen and (max-width: 48em) {
            .supmemeditform_s3_form_2_box {
              width: 100%; } }
          .supmemeditform_s3_form_2_box_1 {
            display: flex;
            justify-content: center; }
            @media only screen and (max-width: 48em) {
              .supmemeditform_s3_form_2_box_1 {
                flex-wrap: wrap; } }
            .supmemeditform_s3_form_2_box_1_item {
              display: flex;
              width: 43%;
              flex-direction: column;
              margin: 0.5rem; }
              @media only screen and (max-width: 48em) {
                .supmemeditform_s3_form_2_box_1_item {
                  width: 80%; } }
              .supmemeditform_s3_form_2_box_1_item_label {
                display: flex;
                width: 35rem;
                font-size: 2rem;
                font-weight: 700;
                color: #002060; }
              .supmemeditform_s3_form_2_box_1_item_input {
                display: flex;
                width: 100%;
                border: 0.2rem solid #002060;
                padding: 1rem;
                font-size: 1.5rem;
                outline: none;
                border-radius: 0.5rem; }
            .supmemeditform_s3_form_2_box_1_item1 {
              display: flex;
              width: 25rem;
              height: 18rem;
              margin: 1rem;
              border-radius: 1rem;
              box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
              .supmemeditform_s3_form_2_box_1_item1_input {
                display: flex;
                width: 4rem;
                height: 4rem;
                margin: 1rem; }
              .supmemeditform_s3_form_2_box_1_item1_label {
                display: flex;
                align-items: center;
                width: 100%;
                margin-top: 1rem;
                font-size: 1.8rem;
                color: #002060;
                padding: 1rem; }
          .supmemeditform_s3_form_2_box_label {
            display: flex;
            width: 35rem;
            font-size: 2rem;
            font-weight: 700;
            color: #002060; }
          .supmemeditform_s3_form_2_box_text {
            display: flex;
            width: 100%;
            height: 15rem;
            border: 0.2rem solid #002060;
            padding: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
          .supmemeditform_s3_form_2_box_text1 {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
          .supmemeditform_s3_form_2_box_input {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
      .supmemeditform_s3_form_btn {
        display: flex;
        justify-content: center;
        width: 15rem;
        font-size: 2rem;
        margin: 2rem;
        padding: 1rem 2rem;
        border-radius: 3rem;
        border: none;
        outline: none;
        background-color: #3b32ec;
        color: #fff; }
    .supmemeditform_s3_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .supmemeditform_s3_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemeditform_s3_botnav_pre span {
          font-size: 2.2rem; }
      .supmemeditform_s3_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemeditform_s3_botnav_next span {
          font-size: 2.2rem; }
  .supmemeditform_s4 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supmemeditform_s4_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supmemeditform_s4_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supmemeditform_s4_form {
      display: flex;
      flex-direction: column;
      width: 85%;
      margin: 0 auto; }
      .supmemeditform_s4_form_pay {
        display: flex;
        width: 80%;
        margin: 0 auto;
        align-items: center;
        justify-content: center; }
        @media only screen and (max-width: 48em) {
          .supmemeditform_s4_form_pay {
            flex-wrap: wrap;
            justify-content: center; } }
        .supmemeditform_s4_form_pay_img {
          display: flex;
          width: 20rem;
          min-height: 18rem;
          justify-content: center;
          align-items: center;
          margin: 2rem;
          border-radius: 2rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
          .supmemeditform_s4_form_pay_img_pic {
            display: flex;
            width: 16rem;
            height: 16rem; }
        .supmemeditform_s4_form_pay_input {
          display: none; }
        .supmemeditform_s4_form_pay_label {
          margin-left: 2rem;
          text-align: center;
          text-transform: uppercase;
          background-color: #3b32ec;
          color: #fff;
          font-size: 1.8rem;
          font-weight: 600;
          padding: 1rem 2rem;
          border-radius: 4rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
      .supmemeditform_s4_form_2 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .supmemeditform_s4_form_2_box {
          display: flex;
          flex-direction: column;
          width: 85%;
          margin: 0.5rem; }
          @media only screen and (max-width: 48em) {
            .supmemeditform_s4_form_2_box {
              width: 100%; } }
          .supmemeditform_s4_form_2_box_label {
            display: flex;
            width: 35rem;
            font-size: 2rem;
            font-weight: 700;
            color: #002060; }
          .supmemeditform_s4_form_2_box_input {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
      .supmemeditform_s4_form_3 {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin: 1rem; }
        .supmemeditform_s4_form_3_label {
          display: flex;
          font-size: 2rem;
          width: 60%; }
        .supmemeditform_s4_form_3_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 1rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
    .supmemeditform_s4_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .supmemeditform_s4_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemeditform_s4_botnav_pre span {
          font-size: 2.2rem; }
      .supmemeditform_s4_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemeditform_s4_botnav_next span {
          font-size: 2.2rem; }
  .supmemeditform_s5 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supmemeditform_s5_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supmemeditform_s5_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supmemeditform_s5_form {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      width: 100%; }
      .supmemeditform_s5_form_file {
        display: flex;
        margin: 1rem;
        width: 30rem;
        height: 4rem;
        border-radius: 3rem;
        font-size: 1.8rem;
        border: none;
        color: #fff;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .supmemeditform_s5_form_file::-webkit-file-upload-button {
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          background-color: #fff;
          outline: none; }
      .supmemeditform_s5_form_input {
        display: flex;
        margin: 1rem;
        font-size: 1.8rem;
        color: #fff;
        padding: 1rem 5rem;
        border-radius: 3rem;
        border: none;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    .supmemeditform_s5_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .supmemeditform_s5_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemeditform_s5_botnav_pre span {
          font-size: 2.2rem; }
      .supmemeditform_s5_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemeditform_s5_botnav_next span {
          font-size: 2.2rem; }
  .supmemeditform_s6 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supmemeditform_s6_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supmemeditform_s6_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supmemeditform_s6_form {
      display: flex;
      justify-content: center;
      width: 100%;
      height: 6rem; }
      @media only screen and (max-width: 48em) {
        .supmemeditform_s6_form {
          flex-wrap: wrap;
          height: 10rem; } }
      .supmemeditform_s6_form_file {
        display: flex;
        margin: 1rem;
        border-radius: 3rem;
        font-size: 1.8rem;
        border: none;
        color: #fff;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .supmemeditform_s6_form_file::-webkit-file-upload-button {
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          background-color: #fff;
          outline: none; }
      .supmemeditform_s6_form_input {
        display: flex;
        margin: 1rem;
        font-size: 1.8rem;
        color: #fff;
        padding: 1rem 5rem;
        border-radius: 3rem;
        border: none;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    .supmemeditform_s6_box {
      display: flex;
      width: 100%;
      margin: 2rem auto;
      flex-wrap: wrap;
      padding: 1rem;
      border-radius: 2rem;
      justify-content: space-around;
      border: 0.2rem solid #3b32ec;
      max-height: 55rem;
      overflow: scroll; }
      .supmemeditform_s6_box::-webkit-scrollbar {
        width: 0.2rem; }
      .supmemeditform_s6_box::-webkit-scrollbar-thumb {
        background: #f1ecec; }
      .supmemeditform_s6_box_item {
        display: flex;
        flex-direction: column;
        width: 20rem;
        margin: 1rem;
        border-radius: 1rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .supmemeditform_s6_box_item_img {
          display: flex;
          width: 20rem;
          height: 18rem;
          justify-content: center;
          align-items: center; }
          .supmemeditform_s6_box_item_img_pic {
            display: flex;
            width: 18rem;
            margin: 0.5rem; }
        .supmemeditform_s6_box_item_btn {
          display: flex;
          cursor: pointer;
          width: 100%;
          padding: 1.5rem 2rem;
          border-bottom-left-radius: 1rem;
          border-bottom-right-radius: 1rem;
          text-transform: uppercase;
          justify-content: center;
          border: none;
          outline: none;
          font-weight: 600;
          background-color: #3b32ec;
          color: #fff;
          font-size: 1.5rem; }
    .supmemeditform_s6_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .supmemeditform_s6_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemeditform_s6_botnav_pre span {
          font-size: 2.2rem; }
      .supmemeditform_s6_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemeditform_s6_botnav_next span {
          font-size: 2.2rem; }
  .supmemeditform_s7 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supmemeditform_s7_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supmemeditform_s7_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supmemeditform_s7_form {
      display: flex;
      justify-content: center;
      width: 100%;
      height: 6rem; }
      @media only screen and (max-width: 48em) {
        .supmemeditform_s7_form {
          flex-wrap: wrap;
          height: 10rem; } }
      .supmemeditform_s7_form_file {
        display: flex;
        margin: 1rem;
        border-radius: 3rem;
        font-size: 1.8rem;
        border: none;
        color: #fff;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .supmemeditform_s7_form_file::-webkit-file-upload-button {
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          background-color: #fff;
          outline: none; }
      .supmemeditform_s7_form_input {
        display: flex;
        margin: 1rem;
        font-size: 1.8rem;
        color: #fff;
        padding: 1rem 5rem;
        border-radius: 3rem;
        border: none;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    .supmemeditform_s7_box {
      display: flex;
      width: 100%;
      margin: 2rem auto;
      flex-wrap: wrap;
      padding: 1rem;
      border-radius: 2rem;
      justify-content: space-around;
      border: 0.2rem solid #3b32ec;
      max-height: 55rem;
      overflow: scroll; }
      .supmemeditform_s7_box::-webkit-scrollbar {
        width: 0.2rem; }
      .supmemeditform_s7_box::-webkit-scrollbar-thumb {
        background: #f1ecec; }
      .supmemeditform_s7_box_item {
        display: flex;
        flex-direction: column;
        width: 22rem;
        margin: 1rem;
        border-radius: 1rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        @media only screen and (max-width: 48em) {
          .supmemeditform_s7_box_item {
            width: 25rem; } }
        .supmemeditform_s7_box_item_img {
          display: flex;
          width: 22rem;
          height: 15rem;
          justify-content: center; }
          @media only screen and (max-width: 48em) {
            .supmemeditform_s7_box_item_img {
              width: 25rem; } }
          .supmemeditform_s7_box_item_img_video {
            display: flex;
            width: 20rem;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .supmemeditform_s7_box_item_img_video {
                width: 23rem; } }
        .supmemeditform_s7_box_item_btn {
          display: flex;
          cursor: pointer;
          width: 100%;
          padding: 1.5rem 2rem;
          border-bottom-left-radius: 1rem;
          border-bottom-right-radius: 1rem;
          text-transform: uppercase;
          justify-content: center;
          border: none;
          outline: none;
          font-weight: 600;
          background-color: #3b32ec;
          color: #fff;
          font-size: 1.5rem; }
    .supmemeditform_s7_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .supmemeditform_s7_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemeditform_s7_botnav_pre span {
          font-size: 2.2rem; }
      .supmemeditform_s7_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemeditform_s7_botnav_next span {
          font-size: 2.2rem; }
  .supmemeditform_s8 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supmemeditform_s8_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supmemeditform_s8_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supmemeditform_s8_form {
      display: flex;
      justify-content: center;
      width: 100%;
      height: 6rem; }
      @media only screen and (max-width: 48em) {
        .supmemeditform_s8_form {
          flex-wrap: wrap;
          height: 10rem; } }
      .supmemeditform_s8_form_file {
        display: flex;
        margin: 1rem;
        border-radius: 3rem;
        font-size: 1.8rem;
        border: none;
        color: #fff;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .supmemeditform_s8_form_file::-webkit-file-upload-button {
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          background-color: #fff;
          outline: none; }
      .supmemeditform_s8_form_input {
        display: flex;
        margin: 1rem;
        font-size: 1.8rem;
        color: #fff;
        padding: 1rem 5rem;
        border-radius: 3rem;
        border: none;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    .supmemeditform_s8_box {
      display: flex;
      width: 100%;
      margin: 2rem auto;
      flex-wrap: wrap;
      padding: 1rem;
      border-radius: 2rem;
      justify-content: space-around;
      border: 0.2rem solid #3b32ec;
      max-height: 55rem;
      overflow: scroll; }
      .supmemeditform_s8_box::-webkit-scrollbar {
        width: 0.2rem; }
      .supmemeditform_s8_box::-webkit-scrollbar-thumb {
        background: #f1ecec; }
      .supmemeditform_s8_box_item {
        display: flex;
        flex-direction: column;
        width: 20rem;
        margin: 1rem;
        border-radius: 1rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .supmemeditform_s8_box_item_img {
          display: flex;
          width: 20rem;
          height: 18rem;
          justify-content: center;
          align-items: center; }
          .supmemeditform_s8_box_item_img_pic {
            display: flex;
            width: 18rem;
            margin: 0.5rem; }
        .supmemeditform_s8_box_item_btn {
          display: flex;
          cursor: pointer;
          width: 100%;
          padding: 1.5rem 2rem;
          border-bottom-left-radius: 1rem;
          border-bottom-right-radius: 1rem;
          text-transform: uppercase;
          justify-content: center;
          border: none;
          outline: none;
          font-weight: 600;
          background-color: #3b32ec;
          color: #fff;
          font-size: 1.5rem; }
    .supmemeditform_s8_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .supmemeditform_s8_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemeditform_s8_botnav_pre span {
          font-size: 2.2rem; }
      .supmemeditform_s8_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmemeditform_s8_botnav_next span {
          font-size: 2.2rem; }

.supmem1editform {
  display: flex;
  width: 80%;
  flex-direction: column;
  margin: 1rem auto;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
  @media only screen and (max-width: 48em) {
    .supmem1editform {
      width: 100%; } }
  .supmem1editform_head {
    display: flex;
    width: 90%;
    justify-content: space-between;
    align-items: center;
    margin: 0.5rem auto; }
    .supmem1editform_head_title {
      display: flex;
      font-size: 2.5rem;
      font-weight: 600;
      color: #3b32ec; }
    .supmem1editform_head_close {
      display: flex;
      cursor: pointer;
      font-size: 2rem;
      padding: 1rem 3rem;
      border-radius: 3rem;
      margin: 1rem;
      background-color: #f44336;
      color: #fff; }
  .supmem1editform_s1 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supmem1editform_s1_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supmem1editform_s1_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supmem1editform_s1_form {
      display: flex;
      flex-direction: column;
      width: 80%;
      margin: 0 auto; }
      @media only screen and (max-width: 48em) {
        .supmem1editform_s1_form {
          width: 100%; } }
      .supmem1editform_s1_form_1 {
        display: flex;
        margin: 1rem;
        align-items: center;
        flex-wrap: wrap; }
        .supmem1editform_s1_form_1_btn {
          display: flex;
          cursor: pointer;
          font-size: 2rem;
          margin: 1rem;
          font-weight: 600;
          color: #fff;
          background-color: #3b32ec;
          padding: 1rem 3rem;
          border-radius: 3rem; }
        .supmem1editform_s1_form_1_label {
          display: flex;
          font-size: 1.8rem;
          margin: 1rem; }
      .supmem1editform_s1_form_2 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .supmem1editform_s1_form_2_box {
          display: flex;
          flex-direction: column;
          width: 100%;
          margin: 0.5rem; }
          @media only screen and (max-width: 48em) {
            .supmem1editform_s1_form_2_box {
              width: 90%; } }
          .supmem1editform_s1_form_2_box_title {
            display: flex;
            margin: 0.5rem;
            font-size: 1.8rem;
            font-weight: 700;
            color: #002060; }
          .supmem1editform_s1_form_2_box_btn {
            display: flex;
            cursor: pointer;
            width: 22rem;
            margin: 1rem;
            justify-content: center;
            font-size: 2rem;
            font-weight: 600;
            padding: 1rem 2rem;
            border-radius: 3rem;
            background-color: #3b32ec;
            color: #fff; }
          .supmem1editform_s1_form_2_box_2 {
            display: flex;
            width: 100%;
            flex-direction: column;
            margin: 0.5rem; }
            .supmem1editform_s1_form_2_box_2_label {
              display: flex;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .supmem1editform_s1_form_2_box_2_text {
              display: flex;
              width: 100%;
              height: 10rem;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
          .supmem1editform_s1_form_2_box_label {
            display: flex;
            width: 35rem;
            font-size: 2rem;
            font-weight: 700;
            color: #002060; }
          .supmem1editform_s1_form_2_box_input {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1.5rem 2rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
      .supmem1editform_s1_form_3 {
        display: flex;
        width: 100%;
        align-items: center; }
        .supmem1editform_s1_form_3_label {
          display: flex;
          font-size: 2rem;
          width: 40%; }
          @media only screen and (max-width: 26.5em) {
            .supmem1editform_s1_form_3_label {
              width: 100%; } }
        .supmem1editform_s1_form_3_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 1rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .supmem1editform_s1_form_4 {
        display: flex;
        justify-content: center; }
        @media only screen and (max-width: 26.5em) {
          .supmem1editform_s1_form_4 {
            flex-direction: column; } }
        .supmem1editform_s1_form_4_logo {
          display: flex;
          flex-direction: column;
          width: 50%;
          margin: 0 auto;
          align-items: center;
          justify-content: center; }
          .supmem1editform_s1_form_4_logo_img {
            display: flex;
            width: 18rem;
            min-height: 15rem;
            justify-content: center;
            align-items: center;
            margin: 2rem;
            border-radius: 1rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
            .supmem1editform_s1_form_4_logo_img_pic {
              display: flex;
              width: 15rem; }
          .supmem1editform_s1_form_4_logo_input {
            display: none; }
          .supmem1editform_s1_form_4_logo_label {
            background-color: #3b32ec;
            color: #fff;
            font-size: 1.8rem;
            font-weight: 800;
            padding: 0.5rem 2rem;
            border-radius: 4rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
        .supmem1editform_s1_form_4_pro {
          display: flex;
          flex-direction: column;
          width: 50%;
          margin: 0 auto;
          align-items: center;
          justify-content: center; }
          .supmem1editform_s1_form_4_pro_img {
            display: flex;
            width: 15rem;
            height: 15rem;
            justify-content: center;
            align-items: center;
            margin: 2rem;
            border-radius: 1rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
            .supmem1editform_s1_form_4_pro_img_pic {
              display: flex;
              width: 13rem; }
          .supmem1editform_s1_form_4_pro_input {
            display: none; }
          .supmem1editform_s1_form_4_pro_label {
            background-color: #3b32ec;
            color: #fff;
            font-size: 1.8rem;
            font-weight: 800;
            padding: 0.5rem 2rem;
            border-radius: 4rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
      .supmem1editform_s1_form_5 {
        display: flex;
        flex-direction: column;
        margin: 1rem auto; }
        .supmem1editform_s1_form_5_detail {
          display: flex;
          width: 100%;
          flex-direction: column; }
          @media only screen and (max-width: 48em) {
            .supmem1editform_s1_form_5_detail {
              align-items: center; } }
          .supmem1editform_s1_form_5_detail_title {
            display: flex;
            font-size: 2.2rem;
            font-weight: 600; }
          .supmem1editform_s1_form_5_detail_box {
            display: flex;
            margin: 0.2rem;
            flex-wrap: wrap;
            justify-content: center; }
            @media only screen and (max-width: 48em) {
              .supmem1editform_s1_form_5_detail_box {
                justify-content: center; } }
            .supmem1editform_s1_form_5_detail_box_item {
              display: flex;
              margin: 0.5rem;
              margin-left: 0.8rem;
              width: 20rem;
              align-items: center;
              justify-content: space-between;
              border-radius: 3rem;
              padding: 0.5rem;
              box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
              @media only screen and (max-width: 48em) {
                .supmem1editform_s1_form_5_detail_box_item {
                  margin: 0.5rem; } }
              .supmem1editform_s1_form_5_detail_box_item_text {
                display: flex;
                font-size: 1.8rem;
                margin-right: 1rem; }
              .supmem1editform_s1_form_5_detail_box_item_toggle {
                display: inline-block;
                cursor: pointer;
                outline: none;
                --width: 4rem;
                --height: calc(var(--width) / 2);
                --border-radius: calc(var(--height) / 2); }
                .supmem1editform_s1_form_5_detail_box_item_toggle_check {
                  display: none; }
                .supmem1editform_s1_form_5_detail_box_item_toggle_fill {
                  position: relative;
                  width: var(--width);
                  height: var(--height);
                  border-radius: var(--border-radius);
                  background: #f44336;
                  transition: background 0.2s; }
                .supmem1editform_s1_form_5_detail_box_item_toggle_fill::after {
                  content: '';
                  position: absolute;
                  top: 0;
                  left: 0;
                  height: var(--height);
                  width: var(--height);
                  border-radius: var(--border-radius);
                  background: #fff;
                  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25);
                  transition: transform 0.2s; }
                .supmem1editform_s1_form_5_detail_box_item_toggle_check:checked ~ .supmem1editform_s1_form_5_detail_box_item_toggle_fill {
                  background-color: #11e223; }
                .supmem1editform_s1_form_5_detail_box_item_toggle_check:checked ~ .supmem1editform_s1_form_5_detail_box_item_toggle_fill::after {
                  transform: translateX(var(--height)); }
    .supmem1editform_s1_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .supmem1editform_s1_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmem1editform_s1_botnav_pre span {
          font-size: 2.2rem; }
      .supmem1editform_s1_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmem1editform_s1_botnav_next span {
          font-size: 2.2rem; }
  .supmem1editform_s2 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supmem1editform_s2_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supmem1editform_s2_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supmem1editform_s2_form {
      display: flex;
      flex-direction: column;
      width: 85%;
      margin: 0 auto; }
      .supmem1editform_s2_form_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        color: #002060; }
      .supmem1editform_s2_form_1 {
        display: flex;
        justify-content: center; }
        .supmem1editform_s2_form_1_input {
          display: flex;
          width: 85%;
          border: 0.2rem solid #002060;
          padding: 1rem;
          margin: 1rem;
          font-size: 1.5rem;
          outline: none;
          border-radius: 0.5rem; }
      .supmem1editform_s2_form_2 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .supmem1editform_s2_form_2_box {
          display: flex;
          flex-direction: column;
          width: 85%;
          margin: 0.5rem; }
          .supmem1editform_s2_form_2_box_label {
            display: flex;
            width: 35rem;
            font-size: 2rem;
            font-weight: 700;
            color: #002060; }
          .supmem1editform_s2_form_2_box_input {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
      .supmem1editform_s2_form_3 {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin: 1rem; }
        .supmem1editform_s2_form_3_label {
          display: flex;
          font-size: 2rem;
          width: 60%; }
        .supmem1editform_s2_form_3_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 1rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
    .supmem1editform_s2_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .supmem1editform_s2_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmem1editform_s2_botnav_pre span {
          font-size: 2.2rem; }
      .supmem1editform_s2_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmem1editform_s2_botnav_next span {
          font-size: 2.2rem; }
  .supmem1editform_s3 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supmem1editform_s3_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supmem1editform_s3_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supmem1editform_s3_form {
      display: flex;
      flex-direction: column;
      width: 85%;
      margin: 0 auto; }
      .supmem1editform_s3_form_2 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .supmem1editform_s3_form_2_box {
          display: flex;
          flex-direction: column;
          width: 85%;
          margin: 0.5rem; }
          @media only screen and (max-width: 48em) {
            .supmem1editform_s3_form_2_box {
              width: 100%; } }
          .supmem1editform_s3_form_2_box_1 {
            display: flex;
            justify-content: center; }
            @media only screen and (max-width: 48em) {
              .supmem1editform_s3_form_2_box_1 {
                flex-wrap: wrap; } }
            .supmem1editform_s3_form_2_box_1_item {
              display: flex;
              width: 43%;
              flex-direction: column;
              margin: 0.5rem; }
              @media only screen and (max-width: 48em) {
                .supmem1editform_s3_form_2_box_1_item {
                  width: 80%; } }
              .supmem1editform_s3_form_2_box_1_item_label {
                display: flex;
                width: 35rem;
                font-size: 2rem;
                font-weight: 700;
                color: #002060; }
              .supmem1editform_s3_form_2_box_1_item_input {
                display: flex;
                width: 100%;
                border: 0.2rem solid #002060;
                padding: 1rem;
                font-size: 1.5rem;
                outline: none;
                border-radius: 0.5rem; }
            .supmem1editform_s3_form_2_box_1_item1 {
              display: flex;
              width: 25rem;
              height: 18rem;
              margin: 1rem;
              border-radius: 1rem;
              box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
              .supmem1editform_s3_form_2_box_1_item1_input {
                display: flex;
                width: 4rem;
                height: 4rem;
                margin: 1rem; }
              .supmem1editform_s3_form_2_box_1_item1_label {
                display: flex;
                align-items: center;
                width: 100%;
                margin-top: 1rem;
                font-size: 1.8rem;
                color: #002060;
                padding: 1rem; }
          .supmem1editform_s3_form_2_box_label {
            display: flex;
            width: 35rem;
            font-size: 2rem;
            font-weight: 700;
            color: #002060; }
          .supmem1editform_s3_form_2_box_text {
            display: flex;
            width: 100%;
            height: 15rem;
            border: 0.2rem solid #002060;
            padding: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
          .supmem1editform_s3_form_2_box_text1 {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
          .supmem1editform_s3_form_2_box_input {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
      .supmem1editform_s3_form_btn {
        display: flex;
        justify-content: center;
        width: 15rem;
        font-size: 2rem;
        margin: 2rem;
        padding: 1rem 2rem;
        border-radius: 3rem;
        border: none;
        outline: none;
        background-color: #3b32ec;
        color: #fff; }
    .supmem1editform_s3_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .supmem1editform_s3_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmem1editform_s3_botnav_pre span {
          font-size: 2.2rem; }
      .supmem1editform_s3_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmem1editform_s3_botnav_next span {
          font-size: 2.2rem; }
  .supmem1editform_s4 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supmem1editform_s4_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supmem1editform_s4_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supmem1editform_s4_form {
      display: flex;
      flex-direction: column;
      width: 85%;
      margin: 0 auto; }
      .supmem1editform_s4_form_pay {
        display: flex;
        width: 80%;
        margin: 0 auto;
        align-items: center;
        justify-content: center; }
        @media only screen and (max-width: 48em) {
          .supmem1editform_s4_form_pay {
            flex-wrap: wrap;
            justify-content: center; } }
        .supmem1editform_s4_form_pay_img {
          display: flex;
          width: 20rem;
          min-height: 18rem;
          justify-content: center;
          align-items: center;
          margin: 2rem;
          border-radius: 2rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
          .supmem1editform_s4_form_pay_img_pic {
            display: flex;
            width: 16rem;
            height: 16rem; }
        .supmem1editform_s4_form_pay_input {
          display: none; }
        .supmem1editform_s4_form_pay_label {
          margin-left: 2rem;
          text-align: center;
          text-transform: uppercase;
          background-color: #3b32ec;
          color: #fff;
          font-size: 1.8rem;
          font-weight: 600;
          padding: 1rem 2rem;
          border-radius: 4rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
      .supmem1editform_s4_form_2 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .supmem1editform_s4_form_2_box {
          display: flex;
          flex-direction: column;
          width: 85%;
          margin: 0.5rem; }
          @media only screen and (max-width: 48em) {
            .supmem1editform_s4_form_2_box {
              width: 100%; } }
          .supmem1editform_s4_form_2_box_label {
            display: flex;
            width: 35rem;
            font-size: 2rem;
            font-weight: 700;
            color: #002060; }
          .supmem1editform_s4_form_2_box_input {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
      .supmem1editform_s4_form_3 {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin: 1rem; }
        .supmem1editform_s4_form_3_label {
          display: flex;
          font-size: 2rem;
          width: 60%; }
        .supmem1editform_s4_form_3_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 1rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
    .supmem1editform_s4_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .supmem1editform_s4_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmem1editform_s4_botnav_pre span {
          font-size: 2.2rem; }
      .supmem1editform_s4_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmem1editform_s4_botnav_next span {
          font-size: 2.2rem; }
  .supmem1editform_s5 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supmem1editform_s5_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supmem1editform_s5_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supmem1editform_s5_form {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      width: 100%; }
      .supmem1editform_s5_form_file {
        display: flex;
        margin: 1rem;
        width: 30rem;
        height: 4rem;
        border-radius: 3rem;
        font-size: 1.8rem;
        border: none;
        color: #fff;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .supmem1editform_s5_form_file::-webkit-file-upload-button {
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          background-color: #fff;
          outline: none; }
      .supmem1editform_s5_form_input {
        display: flex;
        margin: 1rem;
        font-size: 1.8rem;
        color: #fff;
        padding: 1rem 5rem;
        border-radius: 3rem;
        border: none;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    .supmem1editform_s5_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .supmem1editform_s5_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmem1editform_s5_botnav_pre span {
          font-size: 2.2rem; }
      .supmem1editform_s5_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmem1editform_s5_botnav_next span {
          font-size: 2.2rem; }
  .supmem1editform_s6 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supmem1editform_s6_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supmem1editform_s6_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supmem1editform_s6_form {
      display: flex;
      justify-content: center;
      width: 100%;
      height: 6rem; }
      @media only screen and (max-width: 48em) {
        .supmem1editform_s6_form {
          flex-wrap: wrap;
          height: 10rem; } }
      .supmem1editform_s6_form_file {
        display: flex;
        margin: 1rem;
        border-radius: 3rem;
        font-size: 1.8rem;
        border: none;
        color: #fff;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .supmem1editform_s6_form_file::-webkit-file-upload-button {
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          background-color: #fff;
          outline: none; }
      .supmem1editform_s6_form_input {
        display: flex;
        margin: 1rem;
        font-size: 1.8rem;
        color: #fff;
        padding: 1rem 5rem;
        border-radius: 3rem;
        border: none;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    .supmem1editform_s6_box {
      display: flex;
      width: 100%;
      margin: 2rem auto;
      flex-wrap: wrap;
      padding: 1rem;
      border-radius: 2rem;
      justify-content: space-around;
      border: 0.2rem solid #3b32ec;
      max-height: 55rem;
      overflow: scroll; }
      .supmem1editform_s6_box::-webkit-scrollbar {
        width: 0.2rem; }
      .supmem1editform_s6_box::-webkit-scrollbar-thumb {
        background: #f1ecec; }
      .supmem1editform_s6_box_item {
        display: flex;
        flex-direction: column;
        width: 20rem;
        margin: 1rem;
        border-radius: 1rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .supmem1editform_s6_box_item_img {
          display: flex;
          width: 20rem;
          height: 18rem;
          justify-content: center;
          align-items: center; }
          .supmem1editform_s6_box_item_img_pic {
            display: flex;
            width: 18rem;
            margin: 0.5rem; }
        .supmem1editform_s6_box_item_btn {
          display: flex;
          cursor: pointer;
          width: 100%;
          padding: 1.5rem 2rem;
          border-bottom-left-radius: 1rem;
          border-bottom-right-radius: 1rem;
          text-transform: uppercase;
          justify-content: center;
          border: none;
          outline: none;
          font-weight: 600;
          background-color: #3b32ec;
          color: #fff;
          font-size: 1.5rem; }
    .supmem1editform_s6_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .supmem1editform_s6_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmem1editform_s6_botnav_pre span {
          font-size: 2.2rem; }
      .supmem1editform_s6_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmem1editform_s6_botnav_next span {
          font-size: 2.2rem; }
  .supmem1editform_s7 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supmem1editform_s7_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supmem1editform_s7_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supmem1editform_s7_form {
      display: flex;
      justify-content: center;
      width: 100%;
      height: 6rem; }
      @media only screen and (max-width: 48em) {
        .supmem1editform_s7_form {
          flex-wrap: wrap;
          height: 10rem; } }
      .supmem1editform_s7_form_file {
        display: flex;
        margin: 1rem;
        border-radius: 3rem;
        font-size: 1.8rem;
        border: none;
        color: #fff;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .supmem1editform_s7_form_file::-webkit-file-upload-button {
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          background-color: #fff;
          outline: none; }
      .supmem1editform_s7_form_input {
        display: flex;
        margin: 1rem;
        font-size: 1.8rem;
        color: #fff;
        padding: 1rem 5rem;
        border-radius: 3rem;
        border: none;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    .supmem1editform_s7_box {
      display: flex;
      width: 100%;
      margin: 2rem auto;
      flex-wrap: wrap;
      padding: 1rem;
      border-radius: 2rem;
      justify-content: space-around;
      border: 0.2rem solid #3b32ec;
      max-height: 55rem;
      overflow: scroll; }
      .supmem1editform_s7_box::-webkit-scrollbar {
        width: 0.2rem; }
      .supmem1editform_s7_box::-webkit-scrollbar-thumb {
        background: #f1ecec; }
      .supmem1editform_s7_box_item {
        display: flex;
        flex-direction: column;
        width: 22rem;
        margin: 1rem;
        border-radius: 1rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        @media only screen and (max-width: 48em) {
          .supmem1editform_s7_box_item {
            width: 25rem; } }
        .supmem1editform_s7_box_item_img {
          display: flex;
          width: 22rem;
          height: 15rem;
          justify-content: center; }
          @media only screen and (max-width: 48em) {
            .supmem1editform_s7_box_item_img {
              width: 25rem; } }
          .supmem1editform_s7_box_item_img_video {
            display: flex;
            width: 20rem;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .supmem1editform_s7_box_item_img_video {
                width: 23rem; } }
        .supmem1editform_s7_box_item_btn {
          display: flex;
          cursor: pointer;
          width: 100%;
          padding: 1.5rem 2rem;
          border-bottom-left-radius: 1rem;
          border-bottom-right-radius: 1rem;
          text-transform: uppercase;
          justify-content: center;
          border: none;
          outline: none;
          font-weight: 600;
          background-color: #3b32ec;
          color: #fff;
          font-size: 1.5rem; }
    .supmem1editform_s7_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .supmem1editform_s7_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmem1editform_s7_botnav_pre span {
          font-size: 2.2rem; }
      .supmem1editform_s7_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmem1editform_s7_botnav_next span {
          font-size: 2.2rem; }
  .supmem1editform_s8 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .supmem1editform_s8_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .supmem1editform_s8_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .supmem1editform_s8_form {
      display: flex;
      justify-content: center;
      width: 100%;
      height: 6rem; }
      @media only screen and (max-width: 48em) {
        .supmem1editform_s8_form {
          flex-wrap: wrap;
          height: 10rem; } }
      .supmem1editform_s8_form_file {
        display: flex;
        margin: 1rem;
        border-radius: 3rem;
        font-size: 1.8rem;
        border: none;
        color: #fff;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .supmem1editform_s8_form_file::-webkit-file-upload-button {
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          background-color: #fff;
          outline: none; }
      .supmem1editform_s8_form_input {
        display: flex;
        margin: 1rem;
        font-size: 1.8rem;
        color: #fff;
        padding: 1rem 5rem;
        border-radius: 3rem;
        border: none;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    .supmem1editform_s8_box {
      display: flex;
      width: 100%;
      margin: 2rem auto;
      flex-wrap: wrap;
      padding: 1rem;
      border-radius: 2rem;
      justify-content: space-around;
      border: 0.2rem solid #3b32ec;
      max-height: 55rem;
      overflow: scroll; }
      .supmem1editform_s8_box::-webkit-scrollbar {
        width: 0.2rem; }
      .supmem1editform_s8_box::-webkit-scrollbar-thumb {
        background: #f1ecec; }
      .supmem1editform_s8_box_item {
        display: flex;
        flex-direction: column;
        width: 20rem;
        margin: 1rem;
        border-radius: 1rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .supmem1editform_s8_box_item_img {
          display: flex;
          width: 20rem;
          height: 18rem;
          justify-content: center;
          align-items: center; }
          .supmem1editform_s8_box_item_img_pic {
            display: flex;
            width: 18rem;
            margin: 0.5rem; }
        .supmem1editform_s8_box_item_btn {
          display: flex;
          cursor: pointer;
          width: 100%;
          padding: 1.5rem 2rem;
          border-bottom-left-radius: 1rem;
          border-bottom-right-radius: 1rem;
          text-transform: uppercase;
          justify-content: center;
          border: none;
          outline: none;
          font-weight: 600;
          background-color: #3b32ec;
          color: #fff;
          font-size: 1.5rem; }
    .supmem1editform_s8_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .supmem1editform_s8_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmem1editform_s8_botnav_pre span {
          font-size: 2.2rem; }
      .supmem1editform_s8_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .supmem1editform_s8_botnav_next span {
          font-size: 2.2rem; }

.hidden {
  display: none !important; }

.next_align {
  justify-content: flex-end !important; }

.prev_align {
  justify-content: flex-start !important; }

.mem {
  display: none;
  flex: 1;
  min-height: 100vh;
  flex-direction: column;
  margin: 2rem; }
  .mem_title {
    display: flex; }
    .mem_title_text {
      display: flex;
      margin-right: 1rem;
      font-size: 2.2rem;
      color: #002060; }
  .mem_active {
    display: flex; }

.memv {
  display: flex; }
  @media only screen and (max-width: 600px) {
    .memv {
      flex-wrap: wrap; } }
  .memv_pro {
    display: flex;
    flex-direction: column;
    width: 55%;
    border-radius: 2rem;
    margin: 1rem;
    padding: 1rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    @media only screen and (max-width: 48em) {
      .memv_pro {
        width: 100%;
        margin: 0; } }
    .memv_pro_1 {
      display: flex; }
      .memv_pro_1_box1 {
        display: flex;
        width: 40%;
        flex-direction: column;
        align-items: center;
        margin: 1rem;
        color: #002060; }
        .memv_pro_1_box1_id {
          display: flex;
          flex-wrap: wrap;
          font-size: 1.6rem;
          font-weight: 700;
          margin: 1rem; }
        .memv_pro_1_box1_profile {
          display: flex;
          width: 15rem;
          margin: 1rem;
          border-radius: 1rem;
          box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
          justify-content: checked;
          align-items: center; }
          .memv_pro_1_box1_profile_img {
            display: flex;
            width: 13rem;
            margin: 1rem; }
          .memv_pro_1_box1_profile_text {
            display: flex;
            font-size: 1.5rem;
            margin: 0.5rem; }
          .memv_pro_1_box1_profile_edit {
            display: flex;
            cursor: pointer;
            font-size: 1.8rem;
            font-weight: 700;
            background-color: #3b32ec;
            color: #fff;
            border-radius: 3rem;
            padding: 0.3rem 3rem; }
      .memv_pro_1_box2 {
        display: flex;
        width: 60%;
        flex-direction: column;
        color: #002060; }
        .memv_pro_1_box2_logo {
          display: flex;
          width: 18rem;
          min-height: 12rem;
          box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
          border-radius: 1rem;
          align-items: center;
          justify-content: center;
          margin: 1rem auto; }
          .memv_pro_1_box2_logo_img {
            display: flex;
            width: 15rem; }
        .memv_pro_1_box2_company {
          display: flex;
          font-size: 2rem;
          font-weight: 700;
          margin: 0.5rem; }
        .memv_pro_1_box2_name {
          display: flex;
          font-size: 1.8rem;
          font-weight: 700;
          margin: 0.5rem; }
        .memv_pro_1_box2_contact {
          display: flex; }
          .memv_pro_1_box2_contact_box {
            display: flex;
            flex-direction: column;
            width: 95%; }
            .memv_pro_1_box2_contact_box_title {
              display: flex;
              font-size: 1.8rem;
              margin: 0.5rem; }
              @media only screen and (max-width: 48em) {
                .memv_pro_1_box2_contact_box_title {
                  font-size: 1.5rem;
                  margin: 0.2rem; } }
            .memv_pro_1_box2_contact_box_1 {
              display: flex;
              flex-wrap: wrap;
              justify-content: space-around; }
              .memv_pro_1_box2_contact_box_1_link {
                font-size: 1.5rem;
                text-decoration: none;
                color: #002060;
                margin: 0.5rem; }
                @media only screen and (max-width: 48em) {
                  .memv_pro_1_box2_contact_box_1_link {
                    font-size: 1.3rem;
                    margin: 0.2rem; } }
        .memv_pro_1_box2_address {
          display: flex;
          font-size: 1.5rem;
          font-weight: 500;
          margin: 0.5rem; }
  .memv_card {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    align-items: flex-start;
    margin: 1rem;
    border-radius: 2rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    .memv_card_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-evenly;
      width: 18rem;
      margin: 1rem;
      border-radius: 1rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .memv_card_item_title {
        display: flex;
        font-size: 2rem;
        text-transform: uppercase;
        font-weight: 700;
        color: #3b32ec;
        margin-top: 1rem; }
      .memv_card_item_text {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        font-size: 1.6rem;
        font-weight: 600;
        margin: 0.5rem;
        color: #002060; }
      .memv_card_item_val {
        display: flex;
        font-size: 2rem;
        text-transform: uppercase;
        font-weight: 700;
        color: #002060;
        margin: 0.5rem; }
      .memv_card_item_active {
        display: flex;
        justify-content: center;
        width: 90%;
        margin: 0.5rem;
        padding: 0.5rem;
        font-size: 1.6rem;
        font-weight: 500;
        text-decoration: none;
        color: #fff;
        background-color: #fd9800;
        border-radius: 2rem; }
      .memv_card_item_renewal {
        display: flex;
        justify-content: center;
        width: 90%;
        margin: 0.5rem;
        padding: 0.5rem;
        font-size: 1.6rem;
        font-weight: 500;
        text-decoration: none;
        color: #fff;
        background-color: #fd9800;
        border-radius: 2rem; }
      .memv_card_item_bill {
        display: flex;
        justify-content: center;
        width: 90%;
        margin: 0.5rem;
        padding: 0.5rem;
        font-size: 1.6rem;
        font-weight: 500;
        text-decoration: none;
        color: #fff;
        background-color: #3b32ec;
        border-radius: 2rem; }
      .memv_card_item_remove {
        display: flex;
        justify-content: center;
        width: 90%;
        margin: 0.5rem;
        padding: 0.5rem;
        font-size: 1.6rem;
        font-weight: 500;
        text-decoration: none;
        color: #fff;
        background-color: #f44336;
        border-radius: 2rem; }

.memvcre {
  display: flex; }
  .memvcre_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 45%;
    margin: 1rem;
    color: #002060; }
    .memvcre_box_title {
      font-size: 2rem;
      margin: 0.5rem; }
    .memvcre_box_text {
      font-size: 1.3rem;
      margin-left: 2rem; }
    .memvcre_box_btn {
      display: flex;
      cursor: pointer;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
      justify-content: center;
      align-items: center;
      text-transform: uppercase;
      width: 20rem;
      font-size: 2rem;
      font-weight: 600;
      padding: 1rem 3rem;
      background-color: #3b32ec;
      color: #fff;
      border-radius: 3rem;
      margin: 1rem; }

.memvgenform {
  display: flex;
  width: 80%;
  flex-direction: column;
  margin: 1rem auto;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
  @media only screen and (max-width: 48em) {
    .memvgenform {
      width: 100%; } }
  .memvgenform_head {
    display: flex;
    width: 90%;
    justify-content: space-between;
    align-items: center;
    margin: 0.5rem auto; }
    .memvgenform_head_title {
      display: flex;
      font-size: 2.5rem;
      font-weight: 600;
      color: #3b32ec; }
    .memvgenform_head_close {
      display: flex;
      cursor: pointer;
      font-size: 2rem;
      padding: 1rem 3rem;
      border-radius: 3rem;
      margin: 1rem;
      background-color: #f44336;
      color: #fff; }
  .memvgenform_s1 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .memvgenform_s1_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .memvgenform_s1_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .memvgenform_s1_form {
      display: flex;
      flex-direction: column;
      width: 80%;
      margin: 0 auto; }
      @media only screen and (max-width: 48em) {
        .memvgenform_s1_form {
          width: 100%; } }
      .memvgenform_s1_form_1 {
        display: flex;
        margin: 1rem;
        align-items: center;
        flex-wrap: wrap; }
        .memvgenform_s1_form_1_btn {
          display: flex;
          cursor: pointer;
          font-size: 2rem;
          margin: 1rem;
          font-weight: 600;
          color: #fff;
          background-color: #3b32ec;
          padding: 1rem;
          border-radius: 3rem; }
        .memvgenform_s1_form_1_label {
          display: flex;
          font-size: 1.8rem;
          margin: 1rem; }
      .memvgenform_s1_form_2 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .memvgenform_s1_form_2_box {
          display: flex;
          flex-direction: column;
          width: 100%;
          margin: 0.5rem; }
          @media only screen and (max-width: 48em) {
            .memvgenform_s1_form_2_box {
              width: 90%; } }
          .memvgenform_s1_form_2_box_title {
            display: flex;
            margin: 0.5rem;
            font-size: 1.8rem;
            font-weight: 700;
            color: #002060; }
          .memvgenform_s1_form_2_box_btn {
            display: flex;
            cursor: pointer;
            width: 22rem;
            margin: 1rem;
            justify-content: center;
            font-size: 2rem;
            font-weight: 600;
            padding: 1rem 2rem;
            border-radius: 3rem;
            background-color: #3b32ec;
            color: #fff; }
          .memvgenform_s1_form_2_box_2 {
            display: flex;
            width: 100%;
            flex-direction: column;
            margin: 0.5rem; }
            .memvgenform_s1_form_2_box_2_label {
              display: flex;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .memvgenform_s1_form_2_box_2_text {
              display: flex;
              width: 100%;
              height: 10rem;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
          .memvgenform_s1_form_2_box_label {
            display: flex;
            width: 35rem;
            font-size: 2rem;
            font-weight: 700;
            color: #002060; }
          .memvgenform_s1_form_2_box_input {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1.5rem 2rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
      .memvgenform_s1_form_3 {
        display: flex;
        width: 100%;
        align-items: center;
        flex-wrap: wrap; }
        .memvgenform_s1_form_3_label {
          display: flex;
          font-size: 2rem;
          width: 40%; }
          @media only screen and (max-width: 26.5em) {
            .memvgenform_s1_form_3_label {
              width: 100%; } }
        .memvgenform_s1_form_3_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 1rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .memvgenform_s1_form_4 {
        display: flex;
        justify-content: center; }
        @media only screen and (max-width: 26.5em) {
          .memvgenform_s1_form_4 {
            flex-direction: column; } }
        .memvgenform_s1_form_4_logo {
          display: flex;
          flex-direction: column;
          width: 50%;
          margin: 0 auto;
          align-items: center;
          justify-content: center; }
          .memvgenform_s1_form_4_logo_img {
            display: flex;
            width: 18rem;
            min-height: 15rem;
            justify-content: center;
            align-items: center;
            margin: 2rem;
            border-radius: 1rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
            .memvgenform_s1_form_4_logo_img_pic {
              display: flex;
              width: 15rem; }
          .memvgenform_s1_form_4_logo_input {
            display: none; }
          .memvgenform_s1_form_4_logo_label {
            background-color: #3b32ec;
            color: #fff;
            font-size: 1.8rem;
            font-weight: 800;
            padding: 0.5rem 2rem;
            border-radius: 4rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
        .memvgenform_s1_form_4_pro {
          display: flex;
          flex-direction: column;
          width: 50%;
          margin: 0 auto;
          align-items: center;
          justify-content: center; }
          .memvgenform_s1_form_4_pro_img {
            display: flex;
            width: 15rem;
            height: 15rem;
            justify-content: center;
            align-items: center;
            margin: 2rem;
            border-radius: 1rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
            .memvgenform_s1_form_4_pro_img_pic {
              display: flex;
              width: 13rem; }
          .memvgenform_s1_form_4_pro_input {
            display: none; }
          .memvgenform_s1_form_4_pro_label {
            background-color: #3b32ec;
            color: #fff;
            font-size: 1.8rem;
            font-weight: 800;
            padding: 0.5rem 2rem;
            border-radius: 4rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
      .memvgenform_s1_form_5 {
        display: flex;
        flex-direction: column;
        margin: 1rem auto; }
        .memvgenform_s1_form_5_detail {
          display: flex;
          width: 100%;
          flex-direction: column; }
          @media only screen and (max-width: 48em) {
            .memvgenform_s1_form_5_detail {
              align-items: center; } }
          .memvgenform_s1_form_5_detail_title {
            display: flex;
            font-size: 2.2rem;
            font-weight: 600; }
          .memvgenform_s1_form_5_detail_box {
            display: flex;
            margin: 0.2rem;
            flex-wrap: wrap;
            justify-content: center; }
            @media only screen and (max-width: 48em) {
              .memvgenform_s1_form_5_detail_box {
                justify-content: center; } }
            .memvgenform_s1_form_5_detail_box_item {
              display: flex;
              margin: 0.5rem;
              margin-left: 0.8rem;
              width: 20rem;
              align-items: center;
              justify-content: space-between;
              border-radius: 3rem;
              padding: 0.5rem;
              box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
              @media only screen and (max-width: 48em) {
                .memvgenform_s1_form_5_detail_box_item {
                  margin: 0.5rem; } }
              .memvgenform_s1_form_5_detail_box_item_text {
                display: flex;
                font-size: 1.8rem;
                margin-right: 1rem; }
              .memvgenform_s1_form_5_detail_box_item_toggle {
                display: inline-block;
                cursor: pointer;
                outline: none;
                --width: 4rem;
                --height: calc(var(--width) / 2);
                --border-radius: calc(var(--height) / 2); }
                .memvgenform_s1_form_5_detail_box_item_toggle_check {
                  display: none; }
                .memvgenform_s1_form_5_detail_box_item_toggle_fill {
                  position: relative;
                  width: var(--width);
                  height: var(--height);
                  border-radius: var(--border-radius);
                  background: #11e223;
                  transition: background 0.2s; }
                .memvgenform_s1_form_5_detail_box_item_toggle_fill::after {
                  content: '';
                  position: absolute;
                  top: 0;
                  left: 0;
                  height: var(--height);
                  width: var(--height);
                  border-radius: var(--border-radius);
                  background: #fff;
                  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25);
                  transition: transform 0.2s; }
                .memvgenform_s1_form_5_detail_box_item_toggle_check:checked ~ .memvgenform_s1_form_5_detail_box_item_toggle_fill {
                  background-color: #f44336; }
                .memvgenform_s1_form_5_detail_box_item_toggle_check:checked ~ .memvgenform_s1_form_5_detail_box_item_toggle_fill::after {
                  transform: translateX(var(--height)); }
    .memvgenform_s1_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .memvgenform_s1_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memvgenform_s1_botnav_pre span {
          font-size: 2.2rem; }
      .memvgenform_s1_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memvgenform_s1_botnav_next span {
          font-size: 2.2rem; }
  .memvgenform_s2 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .memvgenform_s2_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .memvgenform_s2_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .memvgenform_s2_form {
      display: flex;
      flex-direction: column;
      width: 85%;
      margin: 0 auto; }
      .memvgenform_s2_form_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        color: #002060; }
      .memvgenform_s2_form_1 {
        display: flex;
        justify-content: center; }
        .memvgenform_s2_form_1_input {
          display: flex;
          width: 85%;
          border: 0.2rem solid #002060;
          padding: 1rem;
          margin: 1rem;
          font-size: 1.5rem;
          outline: none;
          border-radius: 0.5rem; }
      .memvgenform_s2_form_2 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .memvgenform_s2_form_2_box {
          display: flex;
          flex-direction: column;
          width: 85%;
          margin: 0.5rem; }
          .memvgenform_s2_form_2_box_label {
            display: flex;
            width: 35rem;
            font-size: 2rem;
            font-weight: 700;
            color: #002060; }
          .memvgenform_s2_form_2_box_input {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
      .memvgenform_s2_form_3 {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin: 1rem; }
        .memvgenform_s2_form_3_label {
          display: flex;
          font-size: 2rem;
          width: 60%; }
        .memvgenform_s2_form_3_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 1rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
    .memvgenform_s2_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .memvgenform_s2_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memvgenform_s2_botnav_pre span {
          font-size: 2.2rem; }
      .memvgenform_s2_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memvgenform_s2_botnav_next span {
          font-size: 2.2rem; }
  .memvgenform_s3 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .memvgenform_s3_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .memvgenform_s3_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .memvgenform_s3_form {
      display: flex;
      flex-direction: column;
      width: 85%;
      margin: 0 auto; }
      .memvgenform_s3_form_2 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .memvgenform_s3_form_2_box {
          display: flex;
          flex-direction: column;
          width: 85%;
          margin: 0.5rem; }
          @media only screen and (max-width: 48em) {
            .memvgenform_s3_form_2_box {
              width: 100%; } }
          .memvgenform_s3_form_2_box_1 {
            display: flex;
            justify-content: center; }
            @media only screen and (max-width: 48em) {
              .memvgenform_s3_form_2_box_1 {
                flex-wrap: wrap; } }
            .memvgenform_s3_form_2_box_1_item {
              display: flex;
              width: 43%;
              flex-direction: column;
              margin: 0.5rem; }
              @media only screen and (max-width: 48em) {
                .memvgenform_s3_form_2_box_1_item {
                  width: 80%; } }
              .memvgenform_s3_form_2_box_1_item_label {
                display: flex;
                width: 35rem;
                font-size: 2rem;
                font-weight: 700;
                color: #002060; }
              .memvgenform_s3_form_2_box_1_item_input {
                display: flex;
                width: 100%;
                border: 0.2rem solid #002060;
                padding: 1rem;
                font-size: 1.5rem;
                outline: none;
                border-radius: 0.5rem; }
            .memvgenform_s3_form_2_box_1_item1 {
              display: flex;
              width: 25rem;
              height: 18rem;
              margin: 1rem;
              border-radius: 1rem;
              box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
              .memvgenform_s3_form_2_box_1_item1_input {
                display: flex;
                width: 4rem;
                height: 4rem;
                margin: 1rem; }
              .memvgenform_s3_form_2_box_1_item1_label {
                display: flex;
                align-items: center;
                width: 100%;
                margin-top: 1rem;
                font-size: 1.8rem;
                color: #002060;
                padding: 1rem; }
          .memvgenform_s3_form_2_box_label {
            display: flex;
            width: 35rem;
            font-size: 2rem;
            font-weight: 700;
            color: #002060; }
          .memvgenform_s3_form_2_box_text {
            display: flex;
            width: 100%;
            height: 15rem;
            border: 0.2rem solid #002060;
            padding: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
          .memvgenform_s3_form_2_box_text1 {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
          .memvgenform_s3_form_2_box_input {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
      .memvgenform_s3_form_btn {
        display: flex;
        justify-content: center;
        width: 15rem;
        font-size: 2rem;
        margin: 2rem;
        padding: 1rem 2rem;
        border-radius: 3rem;
        border: none;
        outline: none;
        background-color: #3b32ec;
        color: #fff; }
    .memvgenform_s3_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .memvgenform_s3_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memvgenform_s3_botnav_pre span {
          font-size: 2.2rem; }
      .memvgenform_s3_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memvgenform_s3_botnav_next span {
          font-size: 2.2rem; }
  .memvgenform_s4 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .memvgenform_s4_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .memvgenform_s4_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .memvgenform_s4_form {
      display: flex;
      flex-direction: column;
      width: 85%;
      margin: 0 auto; }
      .memvgenform_s4_form_pay {
        display: flex;
        width: 80%;
        margin: 0 auto;
        align-items: center;
        justify-content: center; }
        @media only screen and (max-width: 48em) {
          .memvgenform_s4_form_pay {
            flex-wrap: wrap;
            justify-content: center; } }
        .memvgenform_s4_form_pay_img {
          display: flex;
          width: 20rem;
          min-height: 18rem;
          justify-content: center;
          align-items: center;
          margin: 2rem;
          border-radius: 2rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
          .memvgenform_s4_form_pay_img_pic {
            display: flex;
            width: 16rem;
            height: 16rem; }
        .memvgenform_s4_form_pay_input {
          display: none; }
        .memvgenform_s4_form_pay_label {
          margin-left: 2rem;
          text-transform: uppercase;
          background-color: #3b32ec;
          color: #fff;
          font-size: 1.8rem;
          font-weight: 600;
          padding: 1rem 2rem;
          border-radius: 4rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
      .memvgenform_s4_form_2 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .memvgenform_s4_form_2_box {
          display: flex;
          flex-direction: column;
          width: 85%;
          margin: 0.5rem; }
          @media only screen and (max-width: 48em) {
            .memvgenform_s4_form_2_box {
              width: 100%; } }
          .memvgenform_s4_form_2_box_label {
            display: flex;
            width: 35rem;
            font-size: 2rem;
            font-weight: 700;
            color: #002060; }
          .memvgenform_s4_form_2_box_input {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
      .memvgenform_s4_form_3 {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin: 1rem; }
        .memvgenform_s4_form_3_label {
          display: flex;
          font-size: 2rem;
          width: 60%; }
        .memvgenform_s4_form_3_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 1rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
    .memvgenform_s4_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .memvgenform_s4_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memvgenform_s4_botnav_pre span {
          font-size: 2.2rem; }
      .memvgenform_s4_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memvgenform_s4_botnav_next span {
          font-size: 2.2rem; }
  .memvgenform_s5 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .memvgenform_s5_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .memvgenform_s5_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .memvgenform_s5_form {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      width: 100%; }
      .memvgenform_s5_form_file {
        display: flex;
        margin: 1rem;
        width: 30rem;
        height: 4rem;
        border-radius: 3rem;
        font-size: 1.8rem;
        border: none;
        color: #fff;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .memvgenform_s5_form_file::-webkit-file-upload-button {
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          background-color: #fff;
          outline: none; }
      .memvgenform_s5_form_input {
        display: flex;
        margin: 1rem;
        font-size: 1.8rem;
        color: #fff;
        padding: 1rem 5rem;
        border-radius: 3rem;
        border: none;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    .memvgenform_s5_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .memvgenform_s5_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memvgenform_s5_botnav_pre span {
          font-size: 2.2rem; }
      .memvgenform_s5_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memvgenform_s5_botnav_next span {
          font-size: 2.2rem; }
  .memvgenform_s6 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .memvgenform_s6_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .memvgenform_s6_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .memvgenform_s6_form {
      display: flex;
      justify-content: center;
      width: 100%;
      height: 6rem; }
      @media only screen and (max-width: 48em) {
        .memvgenform_s6_form {
          flex-wrap: wrap;
          height: 10rem; } }
      .memvgenform_s6_form_file {
        display: flex;
        margin: 1rem;
        border-radius: 3rem;
        font-size: 1.8rem;
        border: none;
        color: #fff;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .memvgenform_s6_form_file::-webkit-file-upload-button {
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          background-color: #fff;
          outline: none; }
      .memvgenform_s6_form_input {
        display: flex;
        margin: 1rem;
        font-size: 1.8rem;
        color: #fff;
        padding: 1rem 5rem;
        border-radius: 3rem;
        border: none;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    .memvgenform_s6_box {
      display: flex;
      width: 100%;
      margin: 2rem auto;
      flex-wrap: wrap;
      padding: 1rem;
      border-radius: 2rem;
      justify-content: space-around;
      border: 0.2rem solid #3b32ec;
      max-height: 55rem;
      overflow: scroll; }
      .memvgenform_s6_box::-webkit-scrollbar {
        width: 0.2rem; }
      .memvgenform_s6_box::-webkit-scrollbar-thumb {
        background: #f1ecec; }
      .memvgenform_s6_box_item {
        display: flex;
        flex-direction: column;
        width: 20rem;
        margin: 1rem;
        border-radius: 1rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .memvgenform_s6_box_item_img {
          display: flex;
          width: 20rem;
          height: 18rem;
          justify-content: center;
          align-items: center; }
          .memvgenform_s6_box_item_img_pic {
            display: flex;
            width: 18rem;
            margin: 0.5rem; }
        .memvgenform_s6_box_item_btn {
          display: flex;
          cursor: pointer;
          width: 100%;
          padding: 1.5rem 2rem;
          border-bottom-left-radius: 1rem;
          border-bottom-right-radius: 1rem;
          text-transform: uppercase;
          justify-content: center;
          border: none;
          outline: none;
          font-weight: 600;
          background-color: #3b32ec;
          color: #fff;
          font-size: 1.5rem; }
    .memvgenform_s6_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .memvgenform_s6_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memvgenform_s6_botnav_pre span {
          font-size: 2.2rem; }
      .memvgenform_s6_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memvgenform_s6_botnav_next span {
          font-size: 2.2rem; }
  .memvgenform_s7 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .memvgenform_s7_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .memvgenform_s7_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .memvgenform_s7_form {
      display: flex;
      justify-content: center;
      width: 100%;
      height: 6rem; }
      @media only screen and (max-width: 48em) {
        .memvgenform_s7_form {
          flex-wrap: wrap;
          height: 10rem; } }
      .memvgenform_s7_form_file {
        display: flex;
        margin: 1rem;
        border-radius: 3rem;
        font-size: 1.8rem;
        border: none;
        color: #fff;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .memvgenform_s7_form_file::-webkit-file-upload-button {
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          background-color: #fff;
          outline: none; }
      .memvgenform_s7_form_input {
        display: flex;
        margin: 1rem;
        font-size: 1.8rem;
        color: #fff;
        padding: 1rem 5rem;
        border-radius: 3rem;
        border: none;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    .memvgenform_s7_box {
      display: flex;
      width: 100%;
      margin: 2rem auto;
      flex-wrap: wrap;
      padding: 1rem;
      border-radius: 2rem;
      justify-content: space-around;
      border: 0.2rem solid #3b32ec;
      max-height: 55rem;
      overflow: scroll; }
      .memvgenform_s7_box::-webkit-scrollbar {
        width: 0.2rem; }
      .memvgenform_s7_box::-webkit-scrollbar-thumb {
        background: #f1ecec; }
      .memvgenform_s7_box_item {
        display: flex;
        flex-direction: column;
        width: 22rem;
        margin: 1rem;
        border-radius: 1rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        @media only screen and (max-width: 48em) {
          .memvgenform_s7_box_item {
            width: 25rem; } }
        .memvgenform_s7_box_item_img {
          display: flex;
          width: 22rem;
          height: 15rem;
          justify-content: center; }
          @media only screen and (max-width: 48em) {
            .memvgenform_s7_box_item_img {
              width: 25rem; } }
          .memvgenform_s7_box_item_img_video {
            display: flex;
            width: 20rem;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .memvgenform_s7_box_item_img_video {
                width: 23rem; } }
        .memvgenform_s7_box_item_btn {
          display: flex;
          cursor: pointer;
          width: 100%;
          padding: 1.5rem 2rem;
          border-bottom-left-radius: 1rem;
          border-bottom-right-radius: 1rem;
          text-transform: uppercase;
          justify-content: center;
          border: none;
          outline: none;
          font-weight: 600;
          background-color: #3b32ec;
          color: #fff;
          font-size: 1.5rem; }
    .memvgenform_s7_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .memvgenform_s7_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memvgenform_s7_botnav_pre span {
          font-size: 2.2rem; }
      .memvgenform_s7_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memvgenform_s7_botnav_next span {
          font-size: 2.2rem; }
  .memvgenform_s8 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .memvgenform_s8_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .memvgenform_s8_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .memvgenform_s8_form {
      display: flex;
      justify-content: center;
      width: 100%;
      height: 6rem; }
      @media only screen and (max-width: 48em) {
        .memvgenform_s8_form {
          flex-wrap: wrap;
          height: 10rem; } }
      .memvgenform_s8_form_file {
        display: flex;
        margin: 1rem;
        border-radius: 3rem;
        font-size: 1.8rem;
        border: none;
        color: #fff;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .memvgenform_s8_form_file::-webkit-file-upload-button {
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          background-color: #fff;
          outline: none; }
      .memvgenform_s8_form_input {
        display: flex;
        margin: 1rem;
        font-size: 1.8rem;
        color: #fff;
        padding: 1rem 5rem;
        border-radius: 3rem;
        border: none;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    .memvgenform_s8_box {
      display: flex;
      width: 100%;
      margin: 2rem auto;
      flex-wrap: wrap;
      padding: 1rem;
      border-radius: 2rem;
      justify-content: space-around;
      border: 0.2rem solid #3b32ec;
      max-height: 55rem;
      overflow: scroll; }
      .memvgenform_s8_box::-webkit-scrollbar {
        width: 0.2rem; }
      .memvgenform_s8_box::-webkit-scrollbar-thumb {
        background: #f1ecec; }
      .memvgenform_s8_box_item {
        display: flex;
        flex-direction: column;
        width: 20rem;
        margin: 1rem;
        border-radius: 1rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .memvgenform_s8_box_item_img {
          display: flex;
          width: 20rem;
          height: 18rem;
          justify-content: center;
          align-items: center; }
          .memvgenform_s8_box_item_img_pic {
            display: flex;
            width: 18rem;
            margin: 0.5rem; }
        .memvgenform_s8_box_item_btn {
          display: flex;
          cursor: pointer;
          width: 100%;
          padding: 1.5rem 2rem;
          border-bottom-left-radius: 1rem;
          border-bottom-right-radius: 1rem;
          text-transform: uppercase;
          justify-content: center;
          border: none;
          outline: none;
          font-weight: 600;
          background-color: #3b32ec;
          color: #fff;
          font-size: 1.5rem; }
    .memvgenform_s8_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .memvgenform_s8_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memvgenform_s8_botnav_pre span {
          font-size: 2.2rem; }
      .memvgenform_s8_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memvgenform_s8_botnav_next span {
          font-size: 2.2rem; }

.memvcard {
  display: flex;
  width: 100%;
  flex-direction: column; }
  .memvcard_title {
    display: flex;
    font-size: 2.5rem;
    font-weight: 700;
    color: #3b32ec;
    margin-right: 2rem; }
  .memvcard_box {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    margin: 0 auto; }
    .memvcard_box_item {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 1rem; }
      .memvcard_box_item_img {
        display: flex;
        width: 15rem; }
      .memvcard_box_item_edit {
        display: flex;
        justify-content: center;
        width: 10rem;
        border-radius: 3rem;
        font-size: 1.8rem;
        cursor: pointer;
        font-weight: 700;
        background-color: #3b32ec;
        color: #fff;
        margin: 1rem;
        padding: 0.5rem 1rem; }

.memveditform {
  display: flex;
  width: 80%;
  flex-direction: column;
  margin: 1rem auto;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
  @media only screen and (max-width: 48em) {
    .memveditform {
      width: 100%; } }
  .memveditform_head {
    display: flex;
    width: 90%;
    justify-content: space-between;
    align-items: center;
    margin: 0.5rem auto; }
    .memveditform_head_title {
      display: flex;
      font-size: 2.5rem;
      font-weight: 600;
      color: #3b32ec; }
    .memveditform_head_close {
      display: flex;
      cursor: pointer;
      font-size: 2rem;
      padding: 1rem 3rem;
      border-radius: 3rem;
      margin: 1rem;
      background-color: #f44336;
      color: #fff; }
  .memveditform_s1 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .memveditform_s1_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .memveditform_s1_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .memveditform_s1_form {
      display: flex;
      flex-direction: column;
      width: 80%;
      margin: 0 auto; }
      @media only screen and (max-width: 48em) {
        .memveditform_s1_form {
          width: 100%; } }
      .memveditform_s1_form_1 {
        display: flex;
        margin: 1rem;
        align-items: center;
        flex-wrap: wrap; }
        .memveditform_s1_form_1_btn {
          display: flex;
          cursor: pointer;
          font-size: 2rem;
          margin: 1rem;
          font-weight: 600;
          color: #fff;
          background-color: #3b32ec;
          padding: 1rem 3rem;
          border-radius: 3rem; }
        .memveditform_s1_form_1_label {
          display: flex;
          font-size: 1.8rem;
          margin: 1rem; }
      .memveditform_s1_form_2 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .memveditform_s1_form_2_box {
          display: flex;
          flex-direction: column;
          width: 100%;
          margin: 0.5rem; }
          @media only screen and (max-width: 48em) {
            .memveditform_s1_form_2_box {
              width: 90%; } }
          .memveditform_s1_form_2_box_title {
            display: flex;
            margin: 0.5rem;
            font-size: 1.8rem;
            font-weight: 700;
            color: #002060; }
          .memveditform_s1_form_2_box_btn {
            display: flex;
            cursor: pointer;
            width: 22rem;
            margin: 1rem;
            justify-content: center;
            font-size: 2rem;
            font-weight: 600;
            padding: 1rem 2rem;
            border-radius: 3rem;
            background-color: #3b32ec;
            color: #fff; }
          .memveditform_s1_form_2_box_2 {
            display: flex;
            width: 100%;
            flex-direction: column;
            margin: 0.5rem; }
            .memveditform_s1_form_2_box_2_label {
              display: flex;
              font-size: 2rem;
              font-weight: 700;
              color: #002060; }
            .memveditform_s1_form_2_box_2_text {
              display: flex;
              width: 100%;
              height: 10rem;
              border: 0.2rem solid #002060;
              padding: 1rem;
              font-size: 1.5rem;
              outline: none;
              border-radius: 0.5rem; }
          .memveditform_s1_form_2_box_label {
            display: flex;
            width: 35rem;
            font-size: 2rem;
            font-weight: 700;
            color: #002060; }
          .memveditform_s1_form_2_box_input {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1.5rem 2rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
      .memveditform_s1_form_3 {
        display: flex;
        width: 100%;
        align-items: center; }
        .memveditform_s1_form_3_label {
          display: flex;
          font-size: 2rem;
          width: 40%; }
          @media only screen and (max-width: 26.5em) {
            .memveditform_s1_form_3_label {
              width: 100%; } }
        .memveditform_s1_form_3_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 1rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
      .memveditform_s1_form_4 {
        display: flex;
        justify-content: center; }
        @media only screen and (max-width: 26.5em) {
          .memveditform_s1_form_4 {
            flex-direction: column; } }
        .memveditform_s1_form_4_logo {
          display: flex;
          flex-direction: column;
          width: 50%;
          margin: 0 auto;
          align-items: center;
          justify-content: center; }
          .memveditform_s1_form_4_logo_img {
            display: flex;
            width: 18rem;
            min-height: 15rem;
            justify-content: center;
            align-items: center;
            margin: 2rem;
            border-radius: 1rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
            .memveditform_s1_form_4_logo_img_pic {
              display: flex;
              width: 15rem; }
          .memveditform_s1_form_4_logo_input {
            display: none; }
          .memveditform_s1_form_4_logo_label {
            background-color: #3b32ec;
            color: #fff;
            font-size: 1.8rem;
            font-weight: 800;
            padding: 0.5rem 2rem;
            border-radius: 4rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
        .memveditform_s1_form_4_pro {
          display: flex;
          flex-direction: column;
          width: 50%;
          margin: 0 auto;
          align-items: center;
          justify-content: center; }
          .memveditform_s1_form_4_pro_img {
            display: flex;
            width: 15rem;
            height: 15rem;
            justify-content: center;
            align-items: center;
            margin: 2rem;
            border-radius: 1rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
            .memveditform_s1_form_4_pro_img_pic {
              display: flex;
              width: 13rem; }
          .memveditform_s1_form_4_pro_input {
            display: none; }
          .memveditform_s1_form_4_pro_label {
            background-color: #3b32ec;
            color: #fff;
            font-size: 1.8rem;
            font-weight: 800;
            padding: 0.5rem 2rem;
            border-radius: 4rem;
            box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
      .memveditform_s1_form_5 {
        display: flex;
        flex-direction: column;
        margin: 1rem auto; }
        .memveditform_s1_form_5_detail {
          display: flex;
          width: 100%;
          flex-direction: column; }
          @media only screen and (max-width: 48em) {
            .memveditform_s1_form_5_detail {
              align-items: center; } }
          .memveditform_s1_form_5_detail_title {
            display: flex;
            font-size: 2.2rem;
            font-weight: 600; }
          .memveditform_s1_form_5_detail_box {
            display: flex;
            margin: 0.2rem;
            flex-wrap: wrap;
            justify-content: center; }
            @media only screen and (max-width: 48em) {
              .memveditform_s1_form_5_detail_box {
                justify-content: center; } }
            .memveditform_s1_form_5_detail_box_item {
              display: flex;
              margin: 0.5rem;
              margin-left: 0.8rem;
              width: 20rem;
              align-items: center;
              justify-content: space-between;
              border-radius: 3rem;
              padding: 0.5rem;
              box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
              @media only screen and (max-width: 48em) {
                .memveditform_s1_form_5_detail_box_item {
                  margin: 0.5rem; } }
              .memveditform_s1_form_5_detail_box_item_text {
                display: flex;
                font-size: 1.8rem;
                margin-right: 1rem; }
              .memveditform_s1_form_5_detail_box_item_toggle {
                display: inline-block;
                cursor: pointer;
                outline: none;
                --width: 4rem;
                --height: calc(var(--width) / 2);
                --border-radius: calc(var(--height) / 2); }
                .memveditform_s1_form_5_detail_box_item_toggle_check {
                  display: none; }
                .memveditform_s1_form_5_detail_box_item_toggle_fill {
                  position: relative;
                  width: var(--width);
                  height: var(--height);
                  border-radius: var(--border-radius);
                  background: #11e223;
                  transition: background 0.2s; }
                .memveditform_s1_form_5_detail_box_item_toggle_fill::after {
                  content: '';
                  position: absolute;
                  top: 0;
                  left: 0;
                  height: var(--height);
                  width: var(--height);
                  border-radius: var(--border-radius);
                  background: #fff;
                  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25);
                  transition: transform 0.2s; }
                .memveditform_s1_form_5_detail_box_item_toggle_check:checked ~ .memveditform_s1_form_5_detail_box_item_toggle_fill {
                  background-color: #f44336; }
                .memveditform_s1_form_5_detail_box_item_toggle_check:checked ~ .memveditform_s1_form_5_detail_box_item_toggle_fill::after {
                  transform: translateX(var(--height)); }
    .memveditform_s1_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .memveditform_s1_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memveditform_s1_botnav_pre span {
          font-size: 2.2rem; }
      .memveditform_s1_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memveditform_s1_botnav_next span {
          font-size: 2.2rem; }
  .memveditform_s2 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .memveditform_s2_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .memveditform_s2_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .memveditform_s2_form {
      display: flex;
      flex-direction: column;
      width: 85%;
      margin: 0 auto; }
      .memveditform_s2_form_title {
        display: flex;
        font-size: 3rem;
        font-weight: 700;
        color: #002060; }
      .memveditform_s2_form_1 {
        display: flex;
        justify-content: center; }
        .memveditform_s2_form_1_input {
          display: flex;
          width: 85%;
          border: 0.2rem solid #002060;
          padding: 1rem;
          margin: 1rem;
          font-size: 1.5rem;
          outline: none;
          border-radius: 0.5rem; }
      .memveditform_s2_form_2 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .memveditform_s2_form_2_box {
          display: flex;
          flex-direction: column;
          width: 85%;
          margin: 0.5rem; }
          .memveditform_s2_form_2_box_label {
            display: flex;
            width: 35rem;
            font-size: 2rem;
            font-weight: 700;
            color: #002060; }
          .memveditform_s2_form_2_box_input {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
      .memveditform_s2_form_3 {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin: 1rem; }
        .memveditform_s2_form_3_label {
          display: flex;
          font-size: 2rem;
          width: 60%; }
        .memveditform_s2_form_3_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 1rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
    .memveditform_s2_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .memveditform_s2_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memveditform_s2_botnav_pre span {
          font-size: 2.2rem; }
      .memveditform_s2_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memveditform_s2_botnav_next span {
          font-size: 2.2rem; }
  .memveditform_s3 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .memveditform_s3_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .memveditform_s3_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .memveditform_s3_form {
      display: flex;
      flex-direction: column;
      width: 85%;
      margin: 0 auto; }
      .memveditform_s3_form_2 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .memveditform_s3_form_2_box {
          display: flex;
          flex-direction: column;
          width: 85%;
          margin: 0.5rem; }
          @media only screen and (max-width: 48em) {
            .memveditform_s3_form_2_box {
              width: 100%; } }
          .memveditform_s3_form_2_box_1 {
            display: flex;
            justify-content: center; }
            @media only screen and (max-width: 48em) {
              .memveditform_s3_form_2_box_1 {
                flex-wrap: wrap; } }
            .memveditform_s3_form_2_box_1_item {
              display: flex;
              width: 43%;
              flex-direction: column;
              margin: 0.5rem; }
              @media only screen and (max-width: 48em) {
                .memveditform_s3_form_2_box_1_item {
                  width: 80%; } }
              .memveditform_s3_form_2_box_1_item_label {
                display: flex;
                width: 35rem;
                font-size: 2rem;
                font-weight: 700;
                color: #002060; }
              .memveditform_s3_form_2_box_1_item_input {
                display: flex;
                width: 100%;
                border: 0.2rem solid #002060;
                padding: 1rem;
                font-size: 1.5rem;
                outline: none;
                border-radius: 0.5rem; }
            .memveditform_s3_form_2_box_1_item1 {
              display: flex;
              width: 25rem;
              height: 18rem;
              margin: 1rem;
              border-radius: 1rem;
              box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
              .memveditform_s3_form_2_box_1_item1_input {
                display: flex;
                width: 4rem;
                height: 4rem;
                margin: 1rem; }
              .memveditform_s3_form_2_box_1_item1_label {
                display: flex;
                align-items: center;
                width: 100%;
                margin-top: 1rem;
                font-size: 1.8rem;
                color: #002060;
                padding: 1rem; }
          .memveditform_s3_form_2_box_label {
            display: flex;
            width: 35rem;
            font-size: 2rem;
            font-weight: 700;
            color: #002060; }
          .memveditform_s3_form_2_box_text {
            display: flex;
            width: 100%;
            height: 15rem;
            border: 0.2rem solid #002060;
            padding: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
          .memveditform_s3_form_2_box_text1 {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
          .memveditform_s3_form_2_box_input {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
      .memveditform_s3_form_btn {
        display: flex;
        justify-content: center;
        width: 15rem;
        font-size: 2rem;
        margin: 2rem;
        padding: 1rem 2rem;
        border-radius: 3rem;
        border: none;
        outline: none;
        background-color: #3b32ec;
        color: #fff; }
    .memveditform_s3_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .memveditform_s3_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memveditform_s3_botnav_pre span {
          font-size: 2.2rem; }
      .memveditform_s3_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memveditform_s3_botnav_next span {
          font-size: 2.2rem; }
  .memveditform_s4 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .memveditform_s4_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .memveditform_s4_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .memveditform_s4_form {
      display: flex;
      flex-direction: column;
      width: 85%;
      margin: 0 auto; }
      .memveditform_s4_form_pay {
        display: flex;
        width: 80%;
        margin: 0 auto;
        align-items: center;
        justify-content: center; }
        @media only screen and (max-width: 48em) {
          .memveditform_s4_form_pay {
            flex-wrap: wrap;
            justify-content: center; } }
        .memveditform_s4_form_pay_img {
          display: flex;
          width: 20rem;
          min-height: 18rem;
          justify-content: center;
          align-items: center;
          margin: 2rem;
          border-radius: 2rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
          .memveditform_s4_form_pay_img_pic {
            display: flex;
            width: 16rem;
            height: 16rem; }
        .memveditform_s4_form_pay_input {
          display: none; }
        .memveditform_s4_form_pay_label {
          margin-left: 2rem;
          text-align: center;
          text-transform: uppercase;
          background-color: #3b32ec;
          color: #fff;
          font-size: 1.8rem;
          font-weight: 600;
          padding: 1rem 2rem;
          border-radius: 4rem;
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.5); }
      .memveditform_s4_form_2 {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .memveditform_s4_form_2_box {
          display: flex;
          flex-direction: column;
          width: 85%;
          margin: 0.5rem; }
          @media only screen and (max-width: 48em) {
            .memveditform_s4_form_2_box {
              width: 100%; } }
          .memveditform_s4_form_2_box_label {
            display: flex;
            width: 35rem;
            font-size: 2rem;
            font-weight: 700;
            color: #002060; }
          .memveditform_s4_form_2_box_input {
            display: flex;
            width: 100%;
            border: 0.2rem solid #002060;
            padding: 1rem;
            font-size: 1.5rem;
            outline: none;
            border-radius: 0.5rem; }
      .memveditform_s4_form_3 {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin: 1rem; }
        .memveditform_s4_form_3_label {
          display: flex;
          font-size: 2rem;
          width: 60%; }
        .memveditform_s4_form_3_btn {
          display: flex;
          justify-content: center;
          width: 15rem;
          font-size: 2rem;
          margin: 1rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          outline: none;
          background-color: #3b32ec;
          color: #fff; }
    .memveditform_s4_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .memveditform_s4_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memveditform_s4_botnav_pre span {
          font-size: 2.2rem; }
      .memveditform_s4_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memveditform_s4_botnav_next span {
          font-size: 2.2rem; }
  .memveditform_s5 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .memveditform_s5_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .memveditform_s5_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .memveditform_s5_form {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      width: 100%; }
      .memveditform_s5_form_file {
        display: flex;
        margin: 1rem;
        width: 30rem;
        height: 4rem;
        border-radius: 3rem;
        font-size: 1.8rem;
        border: none;
        color: #fff;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .memveditform_s5_form_file::-webkit-file-upload-button {
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          background-color: #fff;
          outline: none; }
      .memveditform_s5_form_input {
        display: flex;
        margin: 1rem;
        font-size: 1.8rem;
        color: #fff;
        padding: 1rem 5rem;
        border-radius: 3rem;
        border: none;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    .memveditform_s5_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .memveditform_s5_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memveditform_s5_botnav_pre span {
          font-size: 2.2rem; }
      .memveditform_s5_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memveditform_s5_botnav_next span {
          font-size: 2.2rem; }
  .memveditform_s6 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .memveditform_s6_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .memveditform_s6_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .memveditform_s6_form {
      display: flex;
      justify-content: center;
      width: 100%;
      height: 6rem; }
      @media only screen and (max-width: 48em) {
        .memveditform_s6_form {
          flex-wrap: wrap;
          height: 10rem; } }
      .memveditform_s6_form_file {
        display: flex;
        margin: 1rem;
        border-radius: 3rem;
        font-size: 1.8rem;
        border: none;
        color: #fff;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .memveditform_s6_form_file::-webkit-file-upload-button {
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          background-color: #fff;
          outline: none; }
      .memveditform_s6_form_input {
        display: flex;
        margin: 1rem;
        font-size: 1.8rem;
        color: #fff;
        padding: 1rem 5rem;
        border-radius: 3rem;
        border: none;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    .memveditform_s6_box {
      display: flex;
      width: 100%;
      margin: 2rem auto;
      flex-wrap: wrap;
      padding: 1rem;
      border-radius: 2rem;
      justify-content: space-around;
      border: 0.2rem solid #3b32ec;
      max-height: 55rem;
      overflow: scroll; }
      .memveditform_s6_box::-webkit-scrollbar {
        width: 0.2rem; }
      .memveditform_s6_box::-webkit-scrollbar-thumb {
        background: #f1ecec; }
      .memveditform_s6_box_item {
        display: flex;
        flex-direction: column;
        width: 20rem;
        margin: 1rem;
        border-radius: 1rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .memveditform_s6_box_item_img {
          display: flex;
          width: 20rem;
          height: 18rem;
          justify-content: center;
          align-items: center; }
          .memveditform_s6_box_item_img_pic {
            display: flex;
            width: 18rem;
            margin: 0.5rem; }
        .memveditform_s6_box_item_btn {
          display: flex;
          cursor: pointer;
          width: 100%;
          padding: 1.5rem 2rem;
          border-bottom-left-radius: 1rem;
          border-bottom-right-radius: 1rem;
          text-transform: uppercase;
          justify-content: center;
          border: none;
          outline: none;
          font-weight: 600;
          background-color: #3b32ec;
          color: #fff;
          font-size: 1.5rem; }
    .memveditform_s6_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .memveditform_s6_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memveditform_s6_botnav_pre span {
          font-size: 2.2rem; }
      .memveditform_s6_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memveditform_s6_botnav_next span {
          font-size: 2.2rem; }
  .memveditform_s7 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .memveditform_s7_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .memveditform_s7_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .memveditform_s7_form {
      display: flex;
      justify-content: center;
      width: 100%;
      height: 6rem; }
      @media only screen and (max-width: 48em) {
        .memveditform_s7_form {
          flex-wrap: wrap;
          height: 10rem; } }
      .memveditform_s7_form_file {
        display: flex;
        margin: 1rem;
        border-radius: 3rem;
        font-size: 1.8rem;
        border: none;
        color: #fff;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .memveditform_s7_form_file::-webkit-file-upload-button {
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          background-color: #fff;
          outline: none; }
      .memveditform_s7_form_input {
        display: flex;
        margin: 1rem;
        font-size: 1.8rem;
        color: #fff;
        padding: 1rem 5rem;
        border-radius: 3rem;
        border: none;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    .memveditform_s7_box {
      display: flex;
      width: 100%;
      margin: 2rem auto;
      flex-wrap: wrap;
      padding: 1rem;
      border-radius: 2rem;
      justify-content: space-around;
      border: 0.2rem solid #3b32ec;
      max-height: 55rem;
      overflow: scroll; }
      .memveditform_s7_box::-webkit-scrollbar {
        width: 0.2rem; }
      .memveditform_s7_box::-webkit-scrollbar-thumb {
        background: #f1ecec; }
      .memveditform_s7_box_item {
        display: flex;
        flex-direction: column;
        width: 22rem;
        margin: 1rem;
        border-radius: 1rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        @media only screen and (max-width: 48em) {
          .memveditform_s7_box_item {
            width: 25rem; } }
        .memveditform_s7_box_item_img {
          display: flex;
          width: 22rem;
          height: 15rem;
          justify-content: center; }
          @media only screen and (max-width: 48em) {
            .memveditform_s7_box_item_img {
              width: 25rem; } }
          .memveditform_s7_box_item_img_video {
            display: flex;
            width: 20rem;
            margin: 0.5rem; }
            @media only screen and (max-width: 48em) {
              .memveditform_s7_box_item_img_video {
                width: 23rem; } }
        .memveditform_s7_box_item_btn {
          display: flex;
          cursor: pointer;
          width: 100%;
          padding: 1.5rem 2rem;
          border-bottom-left-radius: 1rem;
          border-bottom-right-radius: 1rem;
          text-transform: uppercase;
          justify-content: center;
          border: none;
          outline: none;
          font-weight: 600;
          background-color: #3b32ec;
          color: #fff;
          font-size: 1.5rem; }
    .memveditform_s7_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .memveditform_s7_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memveditform_s7_botnav_pre span {
          font-size: 2.2rem; }
      .memveditform_s7_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memveditform_s7_botnav_next span {
          font-size: 2.2rem; }
  .memveditform_s8 {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto; }
    .memveditform_s8_title {
      display: flex;
      font-size: 2.2rem;
      margin: 1rem;
      color: #002060; }
    .memveditform_s8_text {
      display: flex;
      font-size: 2rem;
      margin: 0.5rem;
      color: #002060; }
    .memveditform_s8_form {
      display: flex;
      justify-content: center;
      width: 100%;
      height: 6rem; }
      @media only screen and (max-width: 48em) {
        .memveditform_s8_form {
          flex-wrap: wrap;
          height: 10rem; } }
      .memveditform_s8_form_file {
        display: flex;
        margin: 1rem;
        border-radius: 3rem;
        font-size: 1.8rem;
        border: none;
        color: #fff;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .memveditform_s8_form_file::-webkit-file-upload-button {
          padding: 1rem 2rem;
          border-radius: 3rem;
          border: none;
          background-color: #fff;
          outline: none; }
      .memveditform_s8_form_input {
        display: flex;
        margin: 1rem;
        font-size: 1.8rem;
        color: #fff;
        padding: 1rem 5rem;
        border-radius: 3rem;
        border: none;
        background-color: #3b32ec;
        outline: none;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    .memveditform_s8_box {
      display: flex;
      width: 100%;
      margin: 2rem auto;
      flex-wrap: wrap;
      padding: 1rem;
      border-radius: 2rem;
      justify-content: space-around;
      border: 0.2rem solid #3b32ec;
      max-height: 55rem;
      overflow: scroll; }
      .memveditform_s8_box::-webkit-scrollbar {
        width: 0.2rem; }
      .memveditform_s8_box::-webkit-scrollbar-thumb {
        background: #f1ecec; }
      .memveditform_s8_box_item {
        display: flex;
        flex-direction: column;
        width: 20rem;
        margin: 1rem;
        border-radius: 1rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .memveditform_s8_box_item_img {
          display: flex;
          width: 20rem;
          height: 18rem;
          justify-content: center;
          align-items: center; }
          .memveditform_s8_box_item_img_pic {
            display: flex;
            width: 18rem;
            margin: 0.5rem; }
        .memveditform_s8_box_item_btn {
          display: flex;
          cursor: pointer;
          width: 100%;
          padding: 1.5rem 2rem;
          border-bottom-left-radius: 1rem;
          border-bottom-right-radius: 1rem;
          text-transform: uppercase;
          justify-content: center;
          border: none;
          outline: none;
          font-weight: 600;
          background-color: #3b32ec;
          color: #fff;
          font-size: 1.5rem; }
    .memveditform_s8_botnav {
      display: flex;
      width: 70%;
      margin: 2rem auto;
      justify-content: space-between; }
      .memveditform_s8_botnav_pre {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memveditform_s8_botnav_pre span {
          font-size: 2.2rem; }
      .memveditform_s8_botnav_next {
        display: flex;
        cursor: pointer;
        align-items: center;
        font-size: 2rem;
        font-weight: 700; }
        .memveditform_s8_botnav_next span {
          font-size: 2.2rem; }

.memgreeting {
  display: flex;
  width: 100%;
  flex-direction: column;
  margin-top: 2rem; }
  .memgreeting_title {
    display: flex;
    font-size: 3rem;
    color: #3b32ec;
    font-weight: 700; }
  .memgreeting_box {
    display: flex;
    width: 100%;
    margin: 2rem auto;
    padding: 2rem;
    justify-content: center;
    flex-wrap: wrap;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
    max-height: 40rem;
    overflow: scroll; }
    .memgreeting_box::-webkit-scrollbar {
      width: 0.2rem; }
    .memgreeting_box::-webkit-scrollbar-thumb {
      background: #686666; }
    .memgreeting_box_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 25rem;
      margin: 2rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .memgreeting_box_item_img {
        width: 22rem;
        height: 25rem;
        margin: 1rem; }
      .memgreeting_box_item_edit {
        display: flex;
        cursor: pointer;
        justify-content: center;
        width: 100%;
        margin-top: 1rem;
        padding: 1rem;
        font-size: 2rem;
        text-decoration: none;
        background-color: #3b32ec;
        color: #fff; }

.memfestival {
  display: flex;
  width: 100%;
  flex-direction: column;
  margin-top: 2rem; }
  .memfestival_title {
    display: flex;
    font-size: 3rem;
    color: #3b32ec;
    font-weight: 700; }
  .memfestival_box {
    display: flex;
    width: 100%;
    margin: 2rem auto;
    padding: 2rem;
    justify-content: center;
    flex-wrap: wrap;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
    max-height: 40rem;
    overflow: scroll; }
    .memfestival_box::-webkit-scrollbar {
      width: 0.2rem; }
    .memfestival_box::-webkit-scrollbar-thumb {
      background: #686666; }
    .memfestival_box_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 25rem;
      margin: 2rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .memfestival_box_item_img {
        width: 22rem;
        height: 25rem;
        margin: 1rem; }
      .memfestival_box_item_edit {
        display: flex;
        cursor: pointer;
        justify-content: center;
        width: 100%;
        margin-top: 1rem;
        padding: 1rem;
        font-size: 2rem;
        text-decoration: none;
        background-color: #3b32ec;
        color: #fff; }

.membill {
  display: flex;
  flex-direction: column; }
  .membill_mem {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 90%;
    margin: 1rem auto;
    border-radius: 1rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
    @media only screen and (min-width: 20em) {
      .membill_mem {
        width: 100%; } }
    @media only screen and (min-width: 23.4em) {
      .membill_mem {
        width: 100%; } }
    @media only screen and (min-width: 26.5em) {
      .membill_mem {
        width: 100%; } }
    @media only screen and (min-width: 48em) {
      .membill_mem {
        width: 90%; } }
    .membill_mem_mon {
      display: flex;
      width: 95%;
      justify-content: space-around;
      margin: 1.5rem auto;
      background-color: #3b32ec;
      border-radius: 1.5rem;
      padding: 2rem 1rem; }
      .membill_mem_mon_text {
        display: flex;
        margin: 0.5rem;
        font-size: 2.2rem;
        font-weight: 600;
        color: #fff; }
      .membill_mem_mon_date {
        display: flex;
        border-radius: 1rem;
        font-size: 1.5rem;
        font-weight: 500;
        padding: 1rem;
        border: none;
        outline: none; }
    .membill_mem_box {
      display: flex;
      flex-direction: column;
      width: 95%;
      max-height: 60rem;
      overflow: scroll; }
      .membill_mem_box::-webkit-scrollbar {
        width: 0.2rem; }
      .membill_mem_box::-webkit-scrollbar-thumb {
        background: #f1ecec; }
      .membill_mem_box_1 {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        align-items: center;
        border-bottom: 0.2rem solid #3b32ec; }
        .membill_mem_box_1_pro {
          display: flex;
          width: 8rem;
          margin: 1rem;
          border-radius: 50%; }
          @media only screen and (min-width: 20em) {
            .membill_mem_box_1_pro {
              display: none; } }
          @media only screen and (min-width: 23.4em) {
            .membill_mem_box_1_pro {
              display: flex;
              width: 6.5rem; } }
          @media only screen and (min-width: 26.5em) {
            .membill_mem_box_1_pro {
              width: 8rem; } }
        .membill_mem_box_1_text {
          display: flex;
          width: 35%;
          flex-direction: column;
          color: #002060;
          margin: 1rem; }
          @media only screen and (min-width: 20em) {
            .membill_mem_box_1_text {
              width: 100%;
              margin: 0.5rem; } }
          @media only screen and (min-width: 23.4em) {
            .membill_mem_box_1_text {
              width: 75%;
              margin: 0.5rem; } }
          @media only screen and (min-width: 26.5em) {
            .membill_mem_box_1_text {
              width: 65%;
              margin: 0.5rem; } }
          @media only screen and (min-width: 48em) {
            .membill_mem_box_1_text {
              width: 35%;
              margin: 1rem; } }
          .membill_mem_box_1_text_box {
            display: flex;
            width: 100%;
            margin: 0.2rem;
            font-size: 1.6rem; }
            .membill_mem_box_1_text_box_con1 {
              display: flex;
              width: 30%; }
            .membill_mem_box_1_text_box_con2 {
              display: flex;
              justify-content: center;
              width: 10%; }
            .membill_mem_box_1_text_box_con3 {
              display: flex;
              width: 60%; }
        .membill_mem_box_1_amount {
          display: flex;
          width: 35%;
          flex-direction: column;
          color: #002060;
          margin: 1rem; }
          @media only screen and (min-width: 20em) {
            .membill_mem_box_1_amount {
              width: 100%;
              margin: 0.5rem; } }
          @media only screen and (min-width: 23.4em) {
            .membill_mem_box_1_amount {
              width: 65%;
              margin: 0.5rem; } }
          @media only screen and (min-width: 23.4em) {
            .membill_mem_box_1_amount {
              width: 65%;
              margin: 0.5rem; } }
          @media only screen and (min-width: 26.5em) {
            .membill_mem_box_1_amount {
              width: 60%;
              margin: 0.5rem; } }
          @media only screen and (min-width: 48em) {
            .membill_mem_box_1_amount {
              width: 35%;
              margin: 1rem; } }
          .membill_mem_box_1_amount_box {
            display: flex;
            width: 100%;
            margin: 0.2rem;
            font-size: 1.6rem; }
            .membill_mem_box_1_amount_box_con1 {
              display: flex;
              width: 50%; }
            .membill_mem_box_1_amount_box_con2 {
              display: flex;
              justify-content: center;
              width: 10%; }
            .membill_mem_box_1_amount_box_con3 {
              display: flex;
              width: 40%; }
        .membill_mem_box_1_ctl {
          display: flex;
          flex-direction: column; }
          @media only screen and (max-width: 23.4em) {
            .membill_mem_box_1_ctl {
              flex-direction: row; } }
          .membill_mem_box_1_ctl_btn {
            display: flex;
            justify-content: center;
            align-items: center;
            text-decoration: none;
            width: 10rem;
            padding: 0.5rem 2rem;
            font-size: 1.5rem;
            margin: 1rem;
            border-radius: 3rem;
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
            color: #002060; }

.hidden {
  display: none !important; }

.next_align {
  justify-content: flex-end !important; }

.prev_align {
  justify-content: flex-start !important; }

.mainheader {
  display: flex;
  width: 100%;
  height: 3rem;
  justify-content: space-around;
  align-items: center; }
  .mainheader_box2 {
    display: flex; }
    .mainheader_box2_item {
      display: flex;
      margin: auto 1rem;
      align-items: center; }
      .mainheader_box2_item_icon {
        display: flex;
        width: 2rem;
        margin: 0.5rem; }
      .mainheader_box2_item_link {
        display: flex;
        font-size: 1.2rem;
        text-decoration: none;
        color: #3b32ec; }
  .mainheader_box3 {
    display: flex; }
    .mainheader_box3_media {
      display: flex;
      margin: auto 1rem; }
      .mainheader_box3_media_link {
        display: flex;
        margin: 0.5rem;
        align-items: center; }
        .mainheader_box3_media_link_img {
          width: 2.5rem;
          height: 2.5rem; }
  @media only screen and (max-width: 48em) {
    .mainheader {
      display: none; } }

.mainnav {
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 1rem;
  justify-content: space-between; }
  .mainnav_logo {
    display: flex;
    min-width: 20%;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
    .mainnav_logo_img {
      width: 25rem;
      margin: 0 1rem; }
      @media only screen and (max-width: 26.5em) {
        .mainnav_logo_img {
          width: 18rem; } }
    .mainnav_logo_call {
      display: flex;
      cursor: pointer;
      font-size: 2rem;
      font-weight: bold;
      text-decoration: none;
      color: #002060; }
  .mainnav_bar {
    display: flex;
    flex: 1;
    list-style-type: none;
    justify-content: flex-end; }
    .mainnav_bar_list {
      display: flex;
      position: relative;
      margin: auto 0.5rem; }
      .mainnav_bar_list_item {
        display: flex;
        text-decoration: none;
        font-size: 1.8rem;
        padding: 0.5rem; }
        .mainnav_bar_list_item:hover {
          background-color: #3b32ec;
          color: #fff;
          border-radius: 3rem; }
      .mainnav_bar_list_item:hover + .mainnav_bar_list_dd {
        visibility: visible; }
      .mainnav_bar_list_dd {
        display: flex;
        position: absolute;
        top: 6rem;
        transition: 200ms;
        visibility: hidden;
        z-index: 5;
        width: 40rem;
        background-color: #f1ecec; }
        .mainnav_bar_list_dd_1 {
          display: flex;
          flex-direction: column;
          width: 50%;
          padding: 1rem; }
          .mainnav_bar_list_dd_1_title {
            display: flex;
            font-size: 1.8rem; }
          .mainnav_bar_list_dd_1_bar {
            display: flex;
            flex-direction: column;
            list-style-type: none; }
            .mainnav_bar_list_dd_1_bar_list {
              display: flex;
              margin: 0.2rem; }
              .mainnav_bar_list_dd_1_bar_list_link {
                display: flex;
                font-size: 1.5rem;
                text-decoration: none;
                color: #002060;
                padding: 0.5rem; }
              .mainnav_bar_list_dd_1_bar_list:hover {
                background-color: #3b32ec; }
              .mainnav_bar_list_dd_1_bar_list:hover > * {
                color: #fff; }
        .mainnav_bar_list_dd_2 {
          display: flex;
          flex-direction: column;
          width: 50%;
          padding: 1rem; }
          .mainnav_bar_list_dd_2_title {
            display: flex;
            font-size: 1.8rem; }
          .mainnav_bar_list_dd_2_bar {
            display: flex;
            flex-direction: column;
            list-style-type: none; }
            .mainnav_bar_list_dd_2_bar_list {
              display: flex;
              margin: 0.2rem; }
              .mainnav_bar_list_dd_2_bar_list_link {
                display: flex;
                font-size: 1.5rem;
                text-decoration: none;
                color: #002060;
                padding: 0.5rem; }
              .mainnav_bar_list_dd_2_bar_list:hover {
                background-color: #3b32ec; }
              .mainnav_bar_list_dd_2_bar_list:hover > * {
                color: #fff; }
        .mainnav_bar_list_dd:hover {
          visibility: visible; }
    @media only screen and (max-width: 48em) {
      .mainnav_bar {
        display: none; } }
  .mainnav_box {
    display: flex; }
  .mainnav_login {
    display: flex;
    margin: auto 3rem;
    text-decoration: none;
    padding: 1rem 3rem;
    font-size: 1.8rem;
    font-weight: 700;
    border-radius: 3rem;
    background-color: #3b32ec;
    color: #fff; }
  .mainnav .mobnav {
    display: none;
    flex-direction: column;
    position: relative; }
    .mainnav .mobnav_checkbox {
      display: none; }
    .mainnav .mobnav_btn {
      display: flex;
      width: 5.5rem;
      height: 5.5rem;
      margin-right: 3rem;
      background-color: #002060;
      border-radius: 0.5rem;
      z-index: 10;
      cursor: pointer;
      justify-content: center;
      align-items: center; }
      @media only screen and (max-width: 26.5em) {
        .mainnav .mobnav_btn {
          margin: 0; } }
    .mainnav .mobnav_icon {
      position: relative;
      margin: 2.5rem auto; }
      .mainnav .mobnav_icon, .mainnav .mobnav_icon::before, .mainnav .mobnav_icon::after {
        width: 3rem;
        height: 0.2rem;
        background-color: #fff;
        display: inline-block; }
      .mainnav .mobnav_icon::before, .mainnav .mobnav_icon::after {
        content: '';
        position: absolute;
        left: 0;
        transition: all 0.2s; }
      .mainnav .mobnav_icon::before {
        top: -0.8rem; }
      .mainnav .mobnav_icon::after {
        top: 0.8rem; }
    .mainnav .mobnav_icon1 {
      background-color: transparent !important; }
      .mainnav .mobnav_icon1::before {
        top: 0 !important;
        transform: rotate(135deg) !important; }
      .mainnav .mobnav_icon1::after {
        top: 0 !important;
        transform: rotate(-135deg) !important; }
    .mainnav .mobnav_btn:hover {
      background-color: #11e223; }
    .mainnav .mobnav_btn:hover span::before {
      top: -1.2rem; }
    .mainnav .mobnav_btn:hover span::after {
      top: 1.2rem; }
    .mainnav .mobnav_box {
      display: flex;
      flex-direction: column;
      position: absolute;
      top: 7rem;
      right: 3rem;
      border-radius: 0.5rem;
      background-color: #fff;
      z-index: 5; }
      .mainnav .mobnav_box_nav {
        display: flex;
        flex-direction: column;
        list-style-type: none; }
        .mainnav .mobnav_box_nav_list {
          display: flex;
          width: 25rem;
          border-radius: 0.5rem;
          flex-direction: column; }
          .mainnav .mobnav_box_nav_list_item {
            display: flex;
            width: 100%;
            text-decoration: none;
            padding: 1rem 2rem;
            font-size: 1.8rem;
            font-weight: 700; }
          .mainnav .mobnav_box_nav_list:hover {
            background-color: #3b32ec; }
          .mainnav .mobnav_box_nav_list:hover > * {
            color: #fff; }
    @media only screen and (max-width: 48em) {
      .mainnav .mobnav {
        display: flex; } }

.sticky {
  position: fixed;
  width: 100%;
  background-color: #fff;
  z-index: 100; }

.mainshow {
  display: flex;
  width: 100%;
  height: 60rem;
  position: relative;
  background-image: url(../img/bg.png);
  background-repeat: no-repeat;
  background-size: cover; }
  .mainshow_container {
    display: flex;
    justify-content: space-around;
    width: 80%;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .mainshow_container_box1 {
      display: flex;
      flex: 0 0 50%;
      flex-direction: column;
      justify-content: center; }
      .mainshow_container_box1_head {
        display: flex;
        font-size: 6rem;
        font-weight: 800;
        color: #fff; }
      .mainshow_container_box1_text1 {
        display: flex;
        font-size: 4.5rem;
        color: #fff; }
      .mainshow_container_box1_text2 {
        display: flex;
        font-size: 2rem;
        color: #fff; }
      @media only screen and (max-width: 48em) {
        .mainshow_container_box1 {
          flex: 0 0 80%; } }
    .mainshow_container_box2 {
      display: flex;
      flex: 0 0 50%;
      justify-content: center;
      align-items: center; }
      .mainshow_container_box2_img {
        display: flex;
        width: 45rem; }
      @media only screen and (max-width: 48em) {
        .mainshow_container_box2 {
          display: none; } }

.mainnote {
  display: flex;
  width: 100%;
  position: relative;
  justify-content: center; }
  .mainnote_container {
    display: flex;
    width: 98%;
    margin-top: -15rem;
    flex-wrap: wrap;
    justify-content: center; }
    .mainnote_container_item1 {
      display: flex;
      width: 34rem;
      height: 18rem;
      background-color: #3b32ec;
      border-radius: 2rem;
      margin: 1rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .mainnote_container_item1_box1 {
        display: flex;
        flex-direction: column;
        flex: 0 0 65%;
        padding: 1rem;
        justify-content: center;
        align-items: center;
        color: #fff; }
        .mainnote_container_item1_box1_title {
          display: flex;
          font-size: 1.8rem;
          font-weight: 700; }
        .mainnote_container_item1_box1_text {
          display: flex;
          font-size: 1.3rem;
          text-align: center; }
        .mainnote_container_item1_box1_price {
          display: flex;
          font-size: 4rem;
          font-weight: 700; }
      .mainnote_container_item1_box2 {
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: center; }
        .mainnote_container_item1_box2_img {
          display: flex;
          width: 8rem; }
    .mainnote_container_item2 {
      display: flex;
      width: 34rem;
      height: 18rem;
      background-color: #686666;
      border-radius: 2rem;
      margin: 1rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .mainnote_container_item2_box1 {
        display: flex;
        flex-direction: column;
        flex: 0 0 60%;
        justify-content: center;
        align-items: center;
        color: #fff; }
        .mainnote_container_item2_box1_title {
          display: flex;
          text-align: center;
          font-size: 2rem;
          font-weight: 800; }
        .mainnote_container_item2_box1_text {
          display: flex;
          font-size: 1.5rem;
          text-align: center; }
        .mainnote_container_item2_box1_off {
          display: flex;
          font-size: 2.5rem;
          font-weight: 600; }
      .mainnote_container_item2_box2 {
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: center; }
        .mainnote_container_item2_box2_img {
          display: flex;
          width: 12rem; }
    .mainnote_container_item3 {
      display: flex;
      width: 34rem;
      height: 18rem;
      background-color: #b999f1;
      border-radius: 2rem;
      margin: 1rem;
      box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
      .mainnote_container_item3_box1 {
        display: flex;
        flex-direction: column;
        flex: 0 0 55%;
        justify-content: center;
        align-items: center;
        color: #fff; }
        .mainnote_container_item3_box1_title {
          display: flex;
          text-align: center;
          font-size: 2rem;
          font-weight: 800; }
        .mainnote_container_item3_box1_text {
          display: flex;
          font-size: 1.8rem;
          text-align: center; }
        .mainnote_container_item3_box1_off {
          display: flex;
          font-size: 3rem;
          font-weight: 600; }
      .mainnote_container_item3_box2 {
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: center; }
        .mainnote_container_item3_box2_img {
          display: flex;
          width: 14rem; }

.maindigital {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: 5rem auto; }
  .maindigital_container {
    display: flex;
    width: 80%; }
    .maindigital_container_box1 {
      display: flex;
      flex: 0 0 50%;
      justify-content: center;
      align-items: center; }
      .maindigital_container_box1_img {
        display: flex;
        width: 45rem; }
        @media only screen and (max-width: 26.5em) {
          .maindigital_container_box1_img {
            width: 38rem; } }
    .maindigital_container_box2 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      flex: 1; }
      .maindigital_container_box2_title {
        display: flex;
        font-size: 3rem;
        text-transform: uppercase;
        font-weight: 800;
        margin-bottom: 1rem; }
      .maindigital_container_box2_text {
        display: flex;
        margin: 1rem;
        text-align: left;
        font-size: 1.8rem; }
    @media only screen and (min-width: 20em) {
      .maindigital_container {
        flex-direction: column; } }
    @media only screen and (min-width: 23.4em) {
      .maindigital_container {
        flex-direction: column;
        width: 85%; } }
    @media only screen and (min-width: 26.5em) {
      .maindigital_container {
        flex-direction: column;
        width: 80%; } }
    @media only screen and (min-width: 48em) {
      .maindigital_container {
        flex-direction: row; } }

.mainshare {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 5rem auto; }
  .mainshare_container {
    display: flex;
    width: 80%; }
    .mainshare_container_box1 {
      display: flex;
      flex: 1;
      align-items: flex-end;
      flex-direction: column;
      justify-content: center; }
      .mainshare_container_box1_title {
        display: flex;
        font-size: 3rem;
        text-transform: uppercase;
        font-weight: 800;
        margin-bottom: 1rem; }
        .mainshare_container_box1_title::after {
          content: '';
          border-bottom: 0.2rem solid #002060; }
      .mainshare_container_box1_text {
        display: flex;
        margin: 1rem;
        text-align: right;
        font-size: 1.8rem; }
    .mainshare_container_box2 {
      display: flex;
      flex: 0 0 50%;
      justify-content: center;
      align-items: center; }
      .mainshare_container_box2_img {
        display: flex;
        width: 45rem; }
        @media only screen and (max-width: 26.5em) {
          .mainshare_container_box2_img {
            width: 38rem; } }
    @media only screen and (min-width: 20em) {
      .mainshare_container {
        flex-direction: column; } }
    @media only screen and (min-width: 23.4em) {
      .mainshare_container {
        flex-direction: column; } }
    @media only screen and (min-width: 26.5em) {
      .mainshare_container {
        flex-direction: column; } }
    @media only screen and (min-width: 48em) {
      .mainshare_container {
        flex-direction: row; } }

.maincard {
  display: flex;
  width: 100%;
  margin: 5rem auto;
  justify-content: center;
  align-items: center;
  background-image: url(../img/bg1.png);
  background-repeat: no-repeat;
  background-size: cover; }
  .maincard_container {
    display: flex;
    flex-direction: column;
    width: 70%; }
    .maincard_container_box1 {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .maincard_container_box1_title {
        display: flex;
        font-size: 3.5rem;
        font-weight: 800;
        color: #fff;
        margin-top: 5rem;
        margin-bottom: 2rem;
        text-align: center;
        text-transform: uppercase; }
        @media only screen and (min-width: 20em) {
          .maincard_container_box1_title {
            font-size: 3rem; } }
        @media only screen and (min-width: 23.4em) {
          .maincard_container_box1_title {
            font-size: 3rem; } }
        @media only screen and (min-width: 26.5em) {
          .maincard_container_box1_title {
            font-size: 3.2rem; } }
        @media only screen and (min-width: 48em) {
          .maincard_container_box1_title {
            font-size: 3.5rem; } }
      .maincard_container_box1_text {
        display: flex;
        font-size: 2rem;
        color: #fff;
        margin: 1rem;
        padding: 2rem;
        text-align: justify; }
        .maincard_container_box1_text span:nth-child(1) {
          display: flex;
          align-items: flex-start;
          margin-top: -3rem;
          padding: 1rem;
          font-size: 5rem; }
        .maincard_container_box1_text span:nth-child(2) {
          display: flex;
          align-items: flex-end;
          margin-bottom: -3rem;
          padding: 1rem;
          font-size: 5rem; }
        @media only screen and (max-width: 48em) {
          .maincard_container_box1_text {
            padding: 0; } }
    .maincard_container_box2 {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 1rem auto; }
      .maincard_container_box2_img {
        display: flex;
        width: 80rem; }
        @media only screen and (min-width: 20em) {
          .maincard_container_box2_img {
            width: 80%; } }
        @media only screen and (min-width: 23.4em) {
          .maincard_container_box2_img {
            width: 40rem; } }
        @media only screen and (min-width: 26.5em) {
          .maincard_container_box2_img {
            width: 50rem; } }
        @media only screen and (min-width: 48em) {
          .maincard_container_box2_img {
            width: 80rem; } }
    @media only screen and (min-width: 20em) {
      .maincard_container {
        width: 95%; } }
    @media only screen and (min-width: 23.4em) {
      .maincard_container {
        width: 95%; } }
    @media only screen and (min-width: 26.5em) {
      .maincard_container {
        width: 90%; } }
    @media only screen and (min-width: 48em) {
      .maincard_container {
        width: 70%; } }

.mainview {
  display: flex;
  width: 100%;
  margin: 5rem auto;
  justify-content: center;
  align-items: center; }
  .mainview_container {
    display: flex;
    flex-direction: column;
    width: 80%;
    align-items: center; }
    .mainview_container_title {
      display: flex;
      font-size: 3.5rem;
      font-weight: 700;
      color: #f44336;
      text-align: center;
      text-transform: uppercase; }
      @media only screen and (max-width: 26.5em) {
        .mainview_container_title {
          font-size: 3rem; } }
    .mainview_container_box {
      display: flex;
      flex-wrap: wrap;
      margin: 2rem auto;
      justify-content: space-evenly; }
      .mainview_container_box_item {
        display: flex;
        flex-direction: column;
        margin: 1rem;
        justify-content: center;
        align-items: center; }
        .mainview_container_box_item_link {
          display: flex; }
          .mainview_container_box_item_link_img {
            display: flex;
            width: 18rem; }
        .mainview_container_box_item_text {
          display: flex;
          font-size: 2rem;
          font-weight: bold;
          color: #002060; }
    @media only screen and (min-width: 20em) {
      .mainview_container {
        width: 95%; } }
    @media only screen and (min-width: 23.4em) {
      .mainview_container {
        width: 95%; } }
    @media only screen and (min-width: 26.5em) {
      .mainview_container {
        width: 95%; } }
    @media only screen and (min-width: 48em) {
      .mainview_container {
        width: 80%; } }

.maincrm {
  display: flex;
  width: 100%;
  margin: 5rem auto;
  justify-content: center;
  align-items: center; }
  .maincrm_container {
    display: flex;
    flex-direction: column;
    width: 80%;
    align-items: center; }
    .maincrm_container_title {
      display: flex;
      font-size: 3.5rem;
      font-weight: 700;
      color: #f44336;
      text-align: center;
      text-transform: uppercase; }
      @media only screen and (max-width: 26.5em) {
        .maincrm_container_title {
          font-size: 3rem; } }
    .maincrm_container_box {
      display: flex;
      flex-wrap: wrap;
      margin: 2rem auto;
      justify-content: space-evenly; }
      .maincrm_container_box_item {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 25rem;
        margin: 2rem 1.5rem;
        border-radius: 2rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
        justify-content: space-between; }
        @media only screen and (max-width: 48em) {
          .maincrm_container_box_item {
            width: 22rem;
            margin: 2rem 0.5rem; } }
        .maincrm_container_box_item_img {
          display: flex;
          width: 10rem;
          margin: 1.5rem;
          filter: drop-shadow(0 0.5rem 1rem rgba(0, 0, 0, 0.5)); }
        .maincrm_container_box_item_title {
          display: flex;
          font-size: 2.2rem;
          font-weight: 600;
          text-align: center; }
        .maincrm_container_box_item_text {
          display: flex;
          width: 75%;
          font-size: 1.5rem;
          text-align: center; }
        .maincrm_container_box_item_link {
          display: flex;
          font-size: 4rem;
          text-decoration: none;
          margin: 1.5rem auto;
          line-height: 2rem; }
    @media only screen and (min-width: 20em) {
      .maincrm_container {
        width: 95%; } }
    @media only screen and (min-width: 23.4em) {
      .maincrm_container {
        width: 95%; } }
    @media only screen and (min-width: 26.5em) {
      .maincrm_container {
        width: 95%; } }
    @media only screen and (min-width: 48em) {
      .maincrm_container {
        width: 80%; } }

.mainvideo {
  display: flex;
  width: 100%;
  margin: 2rem auto;
  justify-content: center;
  align-items: center;
  background-image: url(../img/bg2.png);
  background-repeat: no-repeat;
  background-size: cover; }
  .mainvideo_container {
    display: flex;
    flex-direction: column;
    width: 80%;
    margin: 12rem auto;
    align-items: center; }
    .mainvideo_container_title {
      display: flex;
      font-size: 4rem;
      font-weight: 700; }
    .mainvideo_container_box {
      display: flex;
      margin: 2rem auto; }
      @media only screen and (max-width: 23.4em) {
        .mainvideo_container_box {
          margin: 0; } }
      .mainvideo_container_box_video {
        display: flex;
        width: 70rem;
        height: 40rem;
        border-radius: 2rem; }
        @media only screen and (min-width: 20em) {
          .mainvideo_container_box_video {
            width: 40rem; } }
        @media only screen and (min-width: 23.4em) {
          .mainvideo_container_box_video {
            width: 42rem; } }
        @media only screen and (min-width: 26.5em) {
          .mainvideo_container_box_video {
            width: 45rem; } }
        @media only screen and (min-width: 48em) {
          .mainvideo_container_box_video {
            width: 70rem; } }

.mainclient {
  display: flex;
  width: 100%;
  margin: 5rem auto;
  justify-content: center;
  align-items: center; }
  .mainclient_container {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .mainclient_container_title {
      display: flex;
      font-size: 4rem;
      text-transform: uppercase;
      font-weight: 700;
      margin-bottom: 2rem; }
    .mainclient_container_box {
      display: flex;
      width: 80%;
      margin: 1rem;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center; }
      @media only screen and (max-width: 48em) {
        .mainclient_container_box {
          width: 85%; } }
      .mainclient_container_box_img {
        display: flex;
        width: 12rem;
        margin: 1.5rem; }

.mainartical {
  display: flex;
  width: 100%;
  margin: 5rem auto;
  justify-content: center;
  align-items: center; }
  .mainartical_container {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .mainartical_container_title {
      display: flex;
      font-size: 4rem;
      text-transform: uppercase;
      font-weight: 700;
      margin-bottom: 2rem; }
    .mainartical_container_box {
      display: flex;
      width: 80%;
      margin: 1rem;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center; }
      @media only screen and (max-width: 48em) {
        .mainartical_container_box {
          width: 85%; } }
      .mainartical_container_box_img {
        display: flex;
        width: 60%;
        border-radius: 3rem;
        margin: 1.5rem;
        box-shadow: 1rem 1rem 1rem rgba(0, 0, 0, 0.5); }

.maindept {
  display: flex;
  width: 100%;
  margin: 5rem auto;
  justify-content: center;
  align-items: center; }
  .maindept_container {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .maindept_container_title {
      display: flex;
      font-size: 4rem;
      text-transform: uppercase;
      font-weight: 700;
      margin-bottom: 2rem; }
    .maindept_container_box {
      display: flex;
      width: 80%;
      margin: 1rem;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; }
      @media only screen and (max-width: 48em) {
        .maindept_container_box {
          width: 85%; } }
      .maindept_container_box_item {
        display: flex;
        width: 35rem;
        align-items: center;
        margin: 1rem 0; }
        .maindept_container_box_item_icon {
          display: flex;
          width: 18rem;
          height: 10rem;
          border-radius: 50%;
          align-items: center;
          justify-content: center;
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3); }
          .maindept_container_box_item_icon_img {
            display: flex;
            width: 80%; }
        .maindept_container_box_item_text {
          display: flex;
          width: 100%;
          justify-content: center;
          text-align: center;
          font-size: 2rem;
          font-weight: 800;
          margin: 0 2rem;
          padding: 1rem 2rem;
          border-radius: 3rem;
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3); }

.mainenq {
  display: flex;
  width: 100%;
  margin: 5rem auto;
  justify-content: center;
  align-items: center; }
  .mainenq_container {
    display: flex;
    flex-direction: column;
    width: 65%;
    align-items: center; }
    @media only screen and (max-width: 48em) {
      .mainenq_container {
        width: 80%; } }
    .mainenq_container_title {
      display: flex;
      font-size: 4rem;
      text-transform: uppercase;
      font-weight: 700;
      margin-bottom: 2rem; }
    .mainenq_container_box {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      justify-content: center; }
      .mainenq_container_box_form {
        display: flex;
        flex-direction: column;
        flex: 0 0 45%;
        align-items: center; }
        @media only screen and (max-width: 48em) {
          .mainenq_container_box_form {
            flex: 0 0 80%; } }
        .mainenq_container_box_form_box {
          display: flex;
          flex-direction: column;
          width: 100%; }
          .mainenq_container_box_form_box_label {
            display: flex;
            font-size: 1.8rem;
            margin: 0.5rem; }
          .mainenq_container_box_form_box_input {
            display: flex;
            font-size: 1.8rem;
            border: none;
            outline: none;
            padding: 1.5rem 2rem;
            box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5);
            border-radius: 1rem; }
        .mainenq_container_box_form_btn {
          display: flex;
          font-size: 2rem;
          border: none;
          outline: none;
          padding: 1rem 4rem;
          margin: 2rem auto;
          background-color: #3b32ec;
          color: #fff;
          border-radius: 3rem; }
      .mainenq_container_box_sing {
        display: none;
        flex-direction: column;
        flex: 1;
        justify-content: center;
        align-items: center; }
        .mainenq_container_box_sing_img {
          display: flex;
          width: 20rem; }
        .mainenq_container_box_sing_head {
          display: flex;
          font-size: 2rem; }

.mainfooter {
  display: flex;
  width: 100%;
  margin: 0 auto;
  padding-top: 5rem;
  padding-bottom: 5rem;
  justify-content: center;
  align-items: center;
  background-color: #efe9fa;
  flex-direction: column; }
  .mainfooter_container {
    display: flex;
    width: 95%;
    flex-wrap: wrap;
    margin: 1rem auto;
    justify-content: center;
    align-items: flex-start;
    color: #002060; }
    .mainfooter_container_box {
      display: flex;
      flex-direction: column; }
      .mainfooter_container_box_logo {
        display: flex;
        width: 20rem;
        margin: 0.5rem; }
      .mainfooter_container_box_cont {
        margin: 0;
        padding: 0;
        width: auto;
        width: 30rem;
        justify-content: center;
        align-items: center; }
    .mainfooter_container_service {
      display: flex;
      width: 20rem;
      flex-direction: column;
      align-items: center;
      margin: 0.5rem; }
      .mainfooter_container_service_title {
        display: flex;
        font-size: 2.5rem;
        font-weight: 700; }
      .mainfooter_container_service_link {
        display: flex;
        text-decoration: none;
        font-size: 1.5rem;
        font-weight: 500;
        margin: 0.3rem;
        color: #002060; }
    .mainfooter_container_address {
      display: flex;
      flex-direction: column;
      margin: 0.5rem;
      width: 20rem; }
      .mainfooter_container_address_title {
        display: flex;
        font-size: 2.5rem; }
      .mainfooter_container_address_text {
        display: flex;
        font-size: 1.3rem;
        margin: 0.5rem; }
    .mainfooter_container_about {
      display: flex;
      flex-direction: column;
      margin: 0.5rem;
      width: 22rem; }
      .mainfooter_container_about_title {
        display: flex;
        font-size: 2.5rem; }
      .mainfooter_container_about_text {
        display: flex;
        font-size: 1.3rem;
        margin: 0.5rem; }
  .mainfooter_lic {
    display: flex;
    width: 90%;
    margin: 1rem auto;
    align-items: center;
    justify-content: center;
    color: #002060; }
    .mainfooter_lic_text {
      display: flex;
      font-size: 1.2rem; }

.caritem {
  align-items: center;
  color: white;
  display: flex;
  margin: 0 auto;
  width: 28rem;
  justify-content: center; }
  .caritem_img {
    display: flex;
    width: 28rem;
    border-radius: 2rem; }

.abshow {
  display: flex;
  width: 100%;
  height: 50rem;
  position: relative;
  background-image: url(../img/bg3.png);
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .abshow_container {
    display: flex;
    justify-content: space-around;
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .abshow_container_box1 {
      display: flex;
      flex: 0 0 50%;
      flex-direction: column;
      justify-content: center; }
      .abshow_container_box1_head {
        display: flex;
        font-size: 4rem;
        font-weight: 800;
        color: #fff; }
      .abshow_container_box1_text1 {
        display: flex;
        font-size: 4.5rem;
        color: #fff; }
      .abshow_container_box1_text2 {
        display: flex;
        font-size: 2rem;
        color: #fff; }
      @media only screen and (max-width: 26.5em) {
        .abshow_container_box1 {
          flex: 0 0 80%; } }
    .abshow_container_box2 {
      display: flex;
      flex: 0 0 50%;
      justify-content: center;
      align-items: center; }
      .abshow_container_box2_img {
        display: flex;
        width: 45rem; }
        @media only screen and (max-width: 48em) {
          .abshow_container_box2_img {
            width: 30rem; } }
      @media only screen and (max-width: 26.5em) {
        .abshow_container_box2 {
          display: none; } }

.abmain {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 5rem auto; }
  .abmain_container {
    display: flex;
    width: 80%; }
    @media only screen and (max-width: 48em) {
      .abmain_container {
        flex-direction: column; } }
    .abmain_container_box1 {
      display: flex;
      flex: 1;
      align-items: flex-end;
      flex-direction: column;
      justify-content: center; }
      .abmain_container_box1_title {
        display: flex;
        font-size: 3rem;
        text-transform: uppercase;
        font-weight: 800;
        margin-top: 2rem;
        margin-bottom: 2rem; }
        .abmain_container_box1_title::after {
          content: '';
          border-bottom: 0.2rem solid #002060; }
      .abmain_container_box1_text {
        display: flex;
        margin: 1rem;
        text-align: right;
        font-size: 1.8rem; }
        @media only screen and (max-width: 48em) {
          .abmain_container_box1_text {
            text-align: center; } }
      @media only screen and (max-width: 48em) {
        .abmain_container_box1 {
          align-items: center; } }
    .abmain_container_box2 {
      display: flex;
      flex: 0 0 50%;
      justify-content: center;
      align-items: center; }
      .abmain_container_box2_img {
        display: flex;
        width: 45rem; }
        @media only screen and (max-width: 26.5em) {
          .abmain_container_box2_img {
            width: 35rem; } }

.abapp {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  background-image: url(../img/bg4.png);
  background-repeat: no-repeat;
  background-size: cover; }
  .abapp_container {
    display: flex;
    flex-direction: column;
    width: 80%;
    margin-top: 5rem;
    margin-bottom: 5rem;
    align-items: center;
    color: #fff; }
    .abapp_container_title {
      display: flex;
      font-size: 4rem;
      font-weight: 800;
      margin: 2rem; }
    .abapp_container_box {
      display: flex;
      width: 100%;
      margin-top: 2rem; }
      @media only screen and (max-width: 48em) {
        .abapp_container_box {
          flex-direction: column; } }
      .abapp_container_box_1 {
        display: flex;
        flex: 0 0 40%;
        justify-content: center;
        align-items: center; }
        .abapp_container_box_1_img {
          display: flex;
          width: 45rem; }
          @media only screen and (max-width: 26.5em) {
            .abapp_container_box_1_img {
              width: 40rem; } }
      .abapp_container_box_2 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        flex: 1; }
        .abapp_container_box_2_text {
          display: flex;
          font-size: 2rem;
          width: 70%;
          text-align: justify; }
          .abapp_container_box_2_text span:nth-child(1) {
            display: flex;
            font-size: 2.5rem;
            padding: 0.5rem;
            margin-top: -2rem; }
          .abapp_container_box_2_text span:nth-child(2) {
            display: flex;
            font-size: 2.5rem;
            padding: 0.5rem;
            margin-bottom: -2rem;
            align-items: flex-end; }
          @media only screen and (max-width: 26.5em) {
            .abapp_container_box_2_text {
              width: 90%; } }
        .abapp_container_box_2_app {
          display: flex;
          margin: 1rem auto; }
          .abapp_container_box_2_app_link {
            display: flex; }
            .abapp_container_box_2_app_link_img {
              display: flex;
              width: 18rem;
              margin: 1rem; }
    @media only screen and (max-width: 48em) {
      .abapp_container {
        width: 90%; } }

.proshow {
  display: flex;
  width: 100%;
  height: 50rem;
  position: relative;
  background-image: url(../img/bg3.png);
  background-repeat: no-repeat;
  background-size: cover; }
  .proshow_container {
    display: flex;
    justify-content: space-around;
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    @media only screen and (max-width: 48em) {
      .proshow_container {
        flex-direction: column; } }
    .proshow_container_box1 {
      display: flex;
      flex: 0 0 50%;
      flex-direction: column;
      justify-content: center; }
      @media only screen and (max-width: 48em) {
        .proshow_container_box1 {
          align-items: center; } }
      .proshow_container_box1_head {
        display: flex;
        font-size: 4rem;
        font-weight: 800;
        color: #fff; }
      .proshow_container_box1_text1 {
        display: flex;
        font-size: 4.5rem;
        color: #fff; }
      .proshow_container_box1_text2 {
        display: flex;
        font-size: 2rem;
        color: #fff; }
        @media only screen and (max-width: 48em) {
          .proshow_container_box1_text2 {
            text-align: center; } }
    .proshow_container_box2 {
      display: flex;
      flex: 0 0 50%;
      justify-content: center;
      align-items: center; }
      .proshow_container_box2_img {
        display: flex;
        width: 45rem; }
        @media only screen and (max-width: 48em) {
          .proshow_container_box2_img {
            width: 35rem; } }

.promain {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 5rem auto; }
  .promain_container {
    display: flex;
    flex-direction: column;
    width: 80%;
    align-items: center; }
    .promain_container_title {
      display: flex;
      font-size: 3.5rem;
      text-transform: uppercase;
      margin: 2rem; }
    .promain_container_box {
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center; }
      @media only screen and (max-width: 48em) {
        .promain_container_box {
          flex-direction: column; } }
      .promain_container_box_1 {
        display: flex;
        flex: 1;
        align-items: flex-end;
        flex-direction: column;
        justify-content: center; }
        .promain_container_box_1_title {
          display: flex;
          font-size: 3rem;
          text-transform: uppercase;
          font-weight: 800;
          margin-top: 2rem;
          margin-bottom: 2rem; }
          .promain_container_box_1_title::after {
            content: '';
            border-bottom: 0.2rem solid #002060; }
        .promain_container_box_1_text {
          display: flex;
          margin: 1rem;
          text-align: right;
          font-size: 1.8rem; }
          @media only screen and (max-width: 48em) {
            .promain_container_box_1_text {
              text-align: center; } }
      .promain_container_box_2 {
        display: flex;
        flex: 0 0 50%;
        justify-content: center;
        align-items: center; }
        .promain_container_box_2_img {
          display: flex;
          width: 45rem; }
          @media only screen and (max-width: 26.5em) {
            .promain_container_box_2_img {
              width: 35rem; } }
    .promain_container_step {
      display: flex;
      flex-direction: column;
      width: 100%;
      margin: 2rem auto; }
      .promain_container_step_nav {
        display: flex;
        width: 100%;
        justify-content: center;
        border-radius: 4rem;
        background-color: #f1ecec; }
        .promain_container_step_nav_item {
          display: flex;
          cursor: pointer;
          width: 33.3%;
          padding: 2rem;
          border-radius: 4rem;
          font-size: 2rem;
          align-items: center;
          color: #002060;
          justify-content: center; }
      .promain_container_step_box {
        display: flex;
        padding: 2rem;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin: 1.5rem auto;
        border-radius: 1rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        @media only screen and (max-width: 48em) {
          .promain_container_step_box {
            flex-direction: column; } }
        .promain_container_step_box_text {
          font-size: 1.8rem;
          margin: 1rem;
          width: 40%; }
          @media only screen and (max-width: 48em) {
            .promain_container_step_box_text {
              width: 80%; } }
        .promain_container_step_box_img {
          display: flex;
          width: 45rem; }
          @media only screen and (max-width: 48em) {
            .promain_container_step_box_img {
              width: 32rem; } }

.prowhatshare {
  display: flex;
  width: 100%;
  justify-content: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #e5edf9; }
  .prowhatshare_container {
    display: flex;
    flex-direction: column;
    width: 80%;
    align-items: center; }
    .prowhatshare_container_title {
      display: flex;
      font-size: 3.5rem;
      text-transform: uppercase;
      margin: 2rem; }
    .prowhatshare_container_box {
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center; }
      @media only screen and (max-width: 48em) {
        .prowhatshare_container_box {
          flex-direction: column; } }
      .prowhatshare_container_box_1 {
        display: flex;
        order: 2;
        flex: 1;
        align-items: flex-end;
        flex-direction: column;
        justify-content: center; }
        .prowhatshare_container_box_1_title {
          display: flex;
          font-size: 3rem;
          text-transform: uppercase;
          font-weight: 800;
          margin-top: 2rem;
          margin-bottom: 2rem; }
          .prowhatshare_container_box_1_title::after {
            content: '';
            border-bottom: 0.2rem solid #002060; }
        .prowhatshare_container_box_1_text {
          display: flex;
          margin: 1rem;
          text-align: left;
          font-size: 1.8rem; }
          @media only screen and (max-width: 48em) {
            .prowhatshare_container_box_1_text {
              text-align: center; } }
      .prowhatshare_container_box_2 {
        display: flex;
        order: 1;
        flex: 0 0 50%;
        justify-content: center;
        align-items: center; }
        .prowhatshare_container_box_2_img {
          display: flex;
          width: 45rem; }
          @media only screen and (max-width: 26.5em) {
            .prowhatshare_container_box_2_img {
              width: 35rem; } }
    .prowhatshare_container_step {
      display: flex;
      flex-direction: column;
      width: 100%;
      margin: 2rem auto; }
      .prowhatshare_container_step_nav {
        display: flex;
        width: 100%;
        justify-content: center;
        border-radius: 4rem;
        background-color: #686666; }
        .prowhatshare_container_step_nav_item {
          display: flex;
          cursor: pointer;
          width: 33.3%;
          padding: 2rem;
          border-radius: 4rem;
          font-size: 2rem;
          align-items: center;
          color: #fff;
          justify-content: center; }
      .prowhatshare_container_step_box {
        display: flex;
        padding: 2rem;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin: 1.5rem auto;
        border-radius: 1rem;
        background-color: #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        @media only screen and (max-width: 48em) {
          .prowhatshare_container_step_box {
            flex-direction: column; } }
        .prowhatshare_container_step_box_text {
          display: flex;
          order: 2;
          font-size: 1.8rem;
          margin: 1rem;
          width: 40%; }
          @media only screen and (max-width: 48em) {
            .prowhatshare_container_step_box_text {
              width: 80%; } }
        .prowhatshare_container_step_box_img {
          display: flex;
          order: 1;
          width: 45rem; }
          @media only screen and (max-width: 48em) {
            .prowhatshare_container_step_box_img {
              width: 32rem; } }

.phonebook {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 5rem auto; }
  .phonebook_container {
    display: flex;
    flex-direction: column;
    width: 80%;
    align-items: center; }
    .phonebook_container_title {
      display: flex;
      font-size: 3.5rem;
      text-transform: uppercase;
      margin: 2rem; }
    .phonebook_container_box {
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center; }
      @media only screen and (max-width: 48em) {
        .phonebook_container_box {
          flex-direction: column; } }
      .phonebook_container_box_1 {
        display: flex;
        flex: 1;
        align-items: flex-end;
        flex-direction: column;
        justify-content: center; }
        .phonebook_container_box_1_title {
          display: flex;
          font-size: 3rem;
          text-transform: uppercase;
          font-weight: 800;
          margin-top: 2rem;
          margin-bottom: 2rem; }
          .phonebook_container_box_1_title::after {
            content: '';
            border-bottom: 0.2rem solid #002060; }
        .phonebook_container_box_1_text {
          display: flex;
          margin: 1rem;
          text-align: right;
          font-size: 1.8rem; }
          @media only screen and (max-width: 48em) {
            .phonebook_container_box_1_text {
              text-align: center; } }
      .phonebook_container_box_2 {
        display: flex;
        flex: 0 0 50%;
        justify-content: center;
        align-items: center; }
        .phonebook_container_box_2_img {
          display: flex;
          width: 45rem; }
          @media only screen and (max-width: 26.5em) {
            .phonebook_container_box_2_img {
              width: 35rem; } }
    .phonebook_container_step {
      display: flex;
      flex-direction: column;
      width: 100%;
      margin: 2rem auto; }
      .phonebook_container_step_nav {
        display: flex;
        width: 100%;
        justify-content: center;
        border-radius: 4rem;
        background-color: #f1ecec; }
        .phonebook_container_step_nav_item {
          display: flex;
          cursor: pointer;
          width: 33.3%;
          padding: 2rem;
          border-radius: 4rem;
          font-size: 2rem;
          align-items: center;
          color: #002060;
          justify-content: center; }
      .phonebook_container_step_box {
        display: flex;
        padding: 2rem;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin: 1.5rem auto;
        border-radius: 1rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        @media only screen and (max-width: 48em) {
          .phonebook_container_step_box {
            flex-direction: column; } }
        .phonebook_container_step_box_text {
          font-size: 1.8rem;
          margin: 1rem;
          width: 40%; }
          @media only screen and (max-width: 48em) {
            .phonebook_container_step_box_text {
              width: 80%; } }
        .phonebook_container_step_box_img {
          display: flex;
          width: 45rem; }
          @media only screen and (max-width: 48em) {
            .phonebook_container_step_box_img {
              width: 32rem; } }

.socialmedia {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 5rem auto; }
  .socialmedia_container {
    display: flex;
    flex-direction: column;
    width: 80%;
    align-items: center; }
    .socialmedia_container_title {
      display: flex;
      font-size: 3.5rem;
      text-transform: uppercase;
      margin: 2rem; }
    .socialmedia_container_box {
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center; }
      @media only screen and (max-width: 48em) {
        .socialmedia_container_box {
          flex-direction: column; } }
      .socialmedia_container_box_1 {
        display: flex;
        order: 2;
        flex: 1;
        align-items: flex-end;
        flex-direction: column;
        justify-content: center; }
        .socialmedia_container_box_1_title {
          display: flex;
          font-size: 3rem;
          text-transform: uppercase;
          font-weight: 800;
          margin-top: 2rem;
          margin-bottom: 2rem; }
          .socialmedia_container_box_1_title::after {
            content: '';
            border-bottom: 0.2rem solid #002060; }
        .socialmedia_container_box_1_text {
          display: flex;
          margin: 1rem;
          text-align: left;
          font-size: 1.8rem; }
          @media only screen and (max-width: 48em) {
            .socialmedia_container_box_1_text {
              text-align: center; } }
      .socialmedia_container_box_2 {
        display: flex;
        order: 1;
        flex: 0 0 50%;
        justify-content: center;
        align-items: center; }
        .socialmedia_container_box_2_img {
          display: flex;
          width: 45rem; }
          @media only screen and (max-width: 26.5em) {
            .socialmedia_container_box_2_img {
              width: 35rem; } }

.itemPrimary {
  color: #fff;
  background-color: #f44336; }

.itemPrimary1 {
  color: #fff;
  background-color: #fd9800; }

.greshow {
  display: flex;
  width: 100%;
  height: 50rem;
  position: relative;
  background-image: url(../img/bg3.png);
  background-repeat: no-repeat;
  background-size: cover; }
  .greshow_container {
    display: flex;
    justify-content: space-around;
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    @media only screen and (max-width: 48em) {
      .greshow_container {
        flex-direction: column; } }
    .greshow_container_box1 {
      display: flex;
      flex: 0 0 50%;
      flex-direction: column;
      justify-content: center; }
      .greshow_container_box1_head {
        display: flex;
        font-size: 3.5rem;
        font-weight: 800;
        color: #fff; }
      .greshow_container_box1_text1 {
        display: flex;
        font-size: 4.5rem;
        color: #fff; }
      .greshow_container_box1_text2 {
        display: flex;
        font-size: 2rem;
        color: #fff; }
    .greshow_container_box2 {
      display: flex;
      flex: 0 0 50%;
      justify-content: center;
      align-items: center; }
      .greshow_container_box2_img {
        display: flex;
        width: 45rem; }
        @media only screen and (max-width: 48em) {
          .greshow_container_box2_img {
            width: 32rem; } }

.grebaner {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 5rem auto; }
  .grebaner_container {
    display: flex;
    flex-direction: column;
    width: 80%;
    align-items: center; }
    .grebaner_container_title {
      display: flex;
      font-size: 3.5rem;
      text-align: center;
      text-transform: uppercase;
      margin: 2rem; }
    .grebaner_container_box {
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center; }
      @media only screen and (max-width: 48em) {
        .grebaner_container_box {
          flex-direction: column; } }
      .grebaner_container_box_1 {
        display: flex;
        flex: 1;
        align-items: flex-end;
        flex-direction: column;
        justify-content: center; }
        .grebaner_container_box_1_title {
          display: flex;
          font-size: 3rem;
          text-transform: uppercase;
          font-weight: 800;
          margin-top: 2rem;
          margin-bottom: 2rem; }
          .grebaner_container_box_1_title::after {
            content: '';
            border-bottom: 0.2rem solid #002060; }
        .grebaner_container_box_1_text {
          display: flex;
          margin: 1rem;
          text-align: right;
          font-size: 1.8rem; }
          @media only screen and (max-width: 48em) {
            .grebaner_container_box_1_text {
              text-align: center; } }
      .grebaner_container_box_2 {
        display: flex;
        flex: 0 0 50%;
        justify-content: center;
        align-items: center; }
        .grebaner_container_box_2_img {
          display: flex;
          width: 45rem; }
          @media only screen and (max-width: 26.5em) {
            .grebaner_container_box_2_img {
              width: 35rem; } }

.gremain {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 5rem auto; }
  .gremain_cont {
    display: flex;
    flex-direction: column;
    width: 80%;
    align-items: center; }
    @media only screen and (max-width: 48em) {
      .gremain_cont {
        width: 95%; } }
    .gremain_cont_title {
      display: flex;
      font-size: 3.5rem;
      margin: 2rem;
      text-transform: uppercase; }
    .gremain_cont_box {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      justify-content: space-around; }
      .gremain_cont_box_item {
        display: flex;
        flex-direction: column;
        width: 25rem;
        align-items: center;
        margin: 0.5rem;
        padding: 1rem; }
        @media only screen and (min-width: 20em) {
          .gremain_cont_box_item {
            width: 18rem; } }
        @media only screen and (min-width: 23.4em) {
          .gremain_cont_box_item {
            width: 20rem; } }
        @media only screen and (min-width: 26.5em) {
          .gremain_cont_box_item {
            width: 22rem; } }
        @media only screen and (min-width: 48em) {
          .gremain_cont_box_item {
            width: 25rem; } }
        @media only screen and (min-width: 64em) {
          .gremain_cont_box_item {
            width: 28rem; } }
        .gremain_cont_box_item_img {
          cursor: pointer;
          display: flex;
          width: 24rem;
          border-radius: 0.5rem;
          box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
          @media only screen and (min-width: 20em) {
            .gremain_cont_box_item_img {
              width: 16rem; } }
          @media only screen and (min-width: 23.4em) {
            .gremain_cont_box_item_img {
              width: 18rem; } }
          @media only screen and (min-width: 26.5em) {
            .gremain_cont_box_item_img {
              width: 20rem; } }
          @media only screen and (min-width: 48em) {
            .gremain_cont_box_item_img {
              width: 23rem; } }
          @media only screen and (min-width: 64em) {
            .gremain_cont_box_item_img {
              width: 26rem; } }
        .gremain_cont_box_item_text {
          display: flex;
          font-size: 2rem;
          margin: 1rem; }

.fesmain {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 5rem auto; }
  .fesmain_cont {
    display: flex;
    flex-direction: column;
    width: 80%;
    align-items: center; }
    @media only screen and (max-width: 48em) {
      .fesmain_cont {
        width: 95%; } }
    .fesmain_cont_title {
      display: flex;
      font-size: 3.5rem;
      margin: 2rem;
      text-transform: uppercase; }
    .fesmain_cont_box {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      justify-content: space-around; }
      .fesmain_cont_box_item {
        display: flex;
        flex-direction: column;
        width: 25rem;
        align-items: center;
        margin: 0.5rem;
        padding: 1rem; }
        @media only screen and (min-width: 20em) {
          .fesmain_cont_box_item {
            width: 18rem; } }
        @media only screen and (min-width: 23.4em) {
          .fesmain_cont_box_item {
            width: 20rem; } }
        @media only screen and (min-width: 26.5em) {
          .fesmain_cont_box_item {
            width: 22rem; } }
        @media only screen and (min-width: 48em) {
          .fesmain_cont_box_item {
            width: 25rem; } }
        @media only screen and (min-width: 64em) {
          .fesmain_cont_box_item {
            width: 28rem; } }
        .fesmain_cont_box_item_img {
          cursor: pointer;
          display: flex;
          width: 24rem;
          border-radius: 0.5rem;
          box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
          @media only screen and (min-width: 20em) {
            .fesmain_cont_box_item_img {
              width: 16rem; } }
          @media only screen and (min-width: 23.4em) {
            .fesmain_cont_box_item_img {
              width: 18rem; } }
          @media only screen and (min-width: 26.5em) {
            .fesmain_cont_box_item_img {
              width: 20rem; } }
          @media only screen and (min-width: 48em) {
            .fesmain_cont_box_item_img {
              width: 23rem; } }
          @media only screen and (min-width: 64em) {
            .fesmain_cont_box_item_img {
              width: 26rem; } }
        .fesmain_cont_box_item_text {
          display: flex;
          font-size: 2rem;
          margin: 1rem; }

.invmain {
  display: flex;
  width: 100%;
  justify-content: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-image: linear-gradient(to left bottom, #3b32ec, #fd9800); }
  .invmain_cont {
    display: flex;
    flex-direction: column;
    width: 80%;
    align-items: center;
    color: #fff; }
    @media only screen and (max-width: 48em) {
      .invmain_cont {
        width: 95%; } }
    .invmain_cont_title {
      display: flex;
      font-size: 3.5rem;
      margin: 2rem;
      text-transform: uppercase; }
    .invmain_cont_box {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      justify-content: space-around; }
      .invmain_cont_box_item {
        display: flex;
        flex-direction: column;
        width: 25rem;
        align-items: center;
        margin: 0.5rem;
        padding: 1rem; }
        @media only screen and (min-width: 20em) {
          .invmain_cont_box_item {
            width: 18rem; } }
        @media only screen and (min-width: 23.4em) {
          .invmain_cont_box_item {
            width: 20rem; } }
        @media only screen and (min-width: 26.5em) {
          .invmain_cont_box_item {
            width: 22rem; } }
        @media only screen and (min-width: 48em) {
          .invmain_cont_box_item {
            width: 25rem; } }
        @media only screen and (min-width: 64em) {
          .invmain_cont_box_item {
            width: 28rem; } }
        .invmain_cont_box_item_img {
          cursor: pointer;
          display: flex;
          width: 24rem;
          border-radius: 0.5rem;
          box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
          @media only screen and (min-width: 20em) {
            .invmain_cont_box_item_img {
              width: 16rem; } }
          @media only screen and (min-width: 23.4em) {
            .invmain_cont_box_item_img {
              width: 18rem; } }
          @media only screen and (min-width: 26.5em) {
            .invmain_cont_box_item_img {
              width: 20rem; } }
          @media only screen and (min-width: 48em) {
            .invmain_cont_box_item_img {
              width: 23rem; } }
          @media only screen and (min-width: 64em) {
            .invmain_cont_box_item_img {
              width: 26rem; } }
        .invmain_cont_box_item_text {
          display: flex;
          font-size: 2rem;
          margin: 1rem; }

.busshow {
  display: flex;
  width: 100%;
  height: 50rem;
  position: relative;
  background-image: url(../img/bg3.png);
  background-repeat: no-repeat;
  background-size: cover; }
  .busshow_container {
    display: flex;
    justify-content: space-around;
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    @media only screen and (max-width: 48em) {
      .busshow_container {
        flex-direction: column; } }
    .busshow_container_box1 {
      display: flex;
      flex: 0 0 50%;
      flex-direction: column;
      justify-content: center; }
      @media only screen and (max-width: 48em) {
        .busshow_container_box1 {
          align-items: center; } }
      .busshow_container_box1_head {
        display: flex;
        font-size: 4rem;
        font-weight: 800;
        color: #fff; }
      .busshow_container_box1_text1 {
        display: flex;
        font-size: 4.5rem;
        color: #fff; }
      .busshow_container_box1_text2 {
        display: flex;
        font-size: 2rem;
        color: #fff; }
    .busshow_container_box2 {
      display: flex;
      flex: 0 0 50%;
      justify-content: center;
      align-items: center; }
      .busshow_container_box2_img {
        display: flex;
        width: 45rem; }
        @media only screen and (max-width: 48em) {
          .busshow_container_box2_img {
            width: 32rem; } }

.busview {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 5rem auto; }
  .busview_container {
    display: flex;
    flex-direction: column;
    width: 80%;
    align-items: center; }
    .busview_container_title {
      display: flex;
      font-size: 3.5rem;
      text-transform: uppercase;
      margin: 2rem; }
    .busview_container_box {
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center; }
      @media only screen and (max-width: 48em) {
        .busview_container_box {
          flex-direction: column; } }
      .busview_container_box_1 {
        display: flex;
        flex: 1;
        align-items: flex-end;
        flex-direction: column;
        justify-content: center; }
        .busview_container_box_1_title {
          display: flex;
          font-size: 3rem;
          text-transform: uppercase;
          font-weight: 800;
          margin-top: 2rem;
          margin-bottom: 2rem; }
          .busview_container_box_1_title::after {
            content: '';
            border-bottom: 0.2rem solid #002060; }
        .busview_container_box_1_text {
          display: flex;
          margin: 1rem;
          text-align: right;
          font-size: 1.8rem; }
          @media only screen and (max-width: 48em) {
            .busview_container_box_1_text {
              text-align: center; } }
      .busview_container_box_2 {
        display: flex;
        flex: 0 0 50%;
        justify-content: center;
        align-items: center; }
        .busview_container_box_2_img {
          display: flex;
          width: 45rem; }
          @media only screen and (max-width: 48em) {
            .busview_container_box_2_img {
              width: 35rem; } }
    .busview_container_step {
      display: flex;
      flex-direction: column;
      width: 100%;
      margin: 2rem auto; }
      .busview_container_step_nav {
        display: flex;
        width: 100%;
        justify-content: center;
        border-radius: 4rem;
        background-color: #f1ecec; }
        .busview_container_step_nav_item {
          display: flex;
          cursor: pointer;
          width: 33.3%;
          padding: 2rem;
          border-radius: 4rem;
          font-size: 2rem;
          align-items: center;
          color: #002060;
          justify-content: center; }
      .busview_container_step_box {
        display: flex;
        padding: 2rem;
        width: 100%;
        justify-content: center;
        align-items: center;
        margin: 1.5rem auto;
        border-radius: 1rem;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.5); }
        .busview_container_step_box_text {
          font-size: 1.8rem;
          margin: 1rem;
          width: 40%; }
        .busview_container_step_box_img {
          display: flex;
          width: 45rem; }

.busprofile {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 5rem auto; }
  .busprofile_container {
    display: flex;
    flex-direction: column;
    width: 80%;
    align-items: center; }
    .busprofile_container_title {
      display: flex;
      font-size: 3.5rem;
      text-transform: uppercase;
      margin: 2rem; }
    .busprofile_container_box {
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center; }
      @media only screen and (max-width: 48em) {
        .busprofile_container_box {
          flex-direction: column; } }
      .busprofile_container_box_1 {
        display: flex;
        order: 2;
        flex: 1;
        align-items: flex-end;
        flex-direction: column;
        justify-content: center; }
        .busprofile_container_box_1_title {
          display: flex;
          font-size: 3rem;
          text-transform: uppercase;
          font-weight: 800;
          margin-top: 2rem;
          margin-bottom: 2rem; }
          .busprofile_container_box_1_title::after {
            content: '';
            border-bottom: 0.2rem solid #002060; }
        .busprofile_container_box_1_text {
          display: flex;
          margin: 1rem;
          text-align: left;
          font-size: 1.8rem;
          text-align: center; }
          @media only screen and (max-width: 48em) {
            .busprofile_container_box_1_text {
              flex-direction: column; } }
      .busprofile_container_box_2 {
        display: flex;
        flex: 0 0 50%;
        order: 1;
        justify-content: center;
        align-items: center; }
        .busprofile_container_box_2_img {
          display: flex;
          width: 45rem; }
          @media only screen and (max-width: 48em) {
            .busprofile_container_box_2_img {
              width: 35rem; } }

.busemp {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 5rem auto; }
  .busemp_container {
    display: flex;
    flex-direction: column;
    width: 80%;
    align-items: center; }
    @media only screen and (max-width: 48em) {
      .busemp_container {
        width: 90%; } }
    .busemp_container_title {
      display: flex;
      font-size: 3.5rem;
      text-align: center;
      text-transform: uppercase;
      margin: 2rem; }
    .busemp_container_box {
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center; }
      @media only screen and (max-width: 48em) {
        .busemp_container_box {
          flex-direction: column; } }
      .busemp_container_box_1 {
        display: flex;
        flex: 1;
        align-items: flex-end;
        flex-direction: column;
        justify-content: center; }
        .busemp_container_box_1_title {
          display: flex;
          font-size: 3rem;
          text-transform: uppercase;
          font-weight: 800;
          margin-top: 2rem;
          margin-bottom: 2rem; }
          .busemp_container_box_1_title::after {
            content: '';
            border-bottom: 0.2rem solid #002060; }
        .busemp_container_box_1_text {
          display: flex;
          margin: 1rem;
          text-align: right;
          font-size: 1.8rem; }
          @media only screen and (max-width: 48em) {
            .busemp_container_box_1_text {
              text-align: center; } }
      .busemp_container_box_2 {
        display: flex;
        flex: 0 0 50%;
        justify-content: center;
        align-items: center; }
        .busemp_container_box_2_img {
          display: flex;
          width: 45rem; }
          @media only screen and (max-width: 48em) {
            .busemp_container_box_2_img {
              width: 35rem; } }
    .busemp_container_samp {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      padding: 2rem;
      justify-content: center; }
      .busemp_container_samp_img {
        display: flex;
        width: 32rem;
        margin: 1.5rem; }
        @media only screen and (min-width: 20em) {
          .busemp_container_samp_img {
            width: 14rem; } }
        @media only screen and (min-width: 23.4em) {
          .busemp_container_samp_img {
            width: 16rem; } }
        @media only screen and (min-width: 26.5em) {
          .busemp_container_samp_img {
            width: 15rem; } }
        @media only screen and (min-width: 48em) {
          .busemp_container_samp_img {
            width: 22rem; } }
        @media only screen and (min-width: 64em) {
          .busemp_container_samp_img {
            width: 32rem; } }

.buscust {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 5rem auto; }
  .buscust_container {
    display: flex;
    flex-direction: column;
    width: 80%;
    align-items: center; }
    @media only screen and (max-width: 48em) {
      .buscust_container {
        width: 90%; } }
    .buscust_container_title {
      display: flex;
      font-size: 3.5rem;
      text-transform: uppercase;
      margin: 2rem; }
    .buscust_container_box {
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center; }
      @media only screen and (max-width: 48em) {
        .buscust_container_box {
          flex-direction: column; } }
      .buscust_container_box_1 {
        display: flex;
        flex: 1;
        order: 2;
        align-items: flex-end;
        flex-direction: column;
        justify-content: center; }
        .buscust_container_box_1_title {
          display: flex;
          font-size: 3rem;
          text-transform: uppercase;
          font-weight: 800;
          margin-top: 2rem;
          margin-bottom: 2rem; }
          .buscust_container_box_1_title::after {
            content: '';
            border-bottom: 0.2rem solid #002060; }
        .buscust_container_box_1_text {
          display: flex;
          margin: 1rem;
          text-align: left;
          font-size: 1.8rem; }
          @media only screen and (max-width: 48em) {
            .buscust_container_box_1_text {
              text-align: center; } }
      .buscust_container_box_2 {
        display: flex;
        flex: 0 0 50%;
        order: 1;
        justify-content: center;
        align-items: center; }
        .buscust_container_box_2_img {
          display: flex;
          width: 45rem; }
          @media only screen and (max-width: 48em) {
            .buscust_container_box_2_img {
              width: 35rem; } }
    .buscust_container_samp {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      padding: 2rem;
      justify-content: center; }
      .buscust_container_samp_img {
        display: flex;
        width: 32rem;
        margin: 1.5rem; }
        @media only screen and (min-width: 20em) {
          .buscust_container_samp_img {
            width: 14rem; } }
        @media only screen and (min-width: 23.4em) {
          .buscust_container_samp_img {
            width: 16rem; } }
        @media only screen and (min-width: 26.5em) {
          .buscust_container_samp_img {
            width: 15rem; } }
        @media only screen and (min-width: 48em) {
          .buscust_container_samp_img {
            width: 22rem; } }
        @media only screen and (min-width: 64em) {
          .buscust_container_samp_img {
            width: 32rem; } }

.datashow {
  display: flex;
  width: 100%;
  height: 60rem;
  position: relative;
  background-image: url(../img/bg8.jpg);
  background-repeat: no-repeat;
  background-size: cover; }
  .datashow_container {
    display: flex;
    justify-content: space-around;
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    @media only screen and (max-width: 48em) {
      .datashow_container {
        flex-direction: column; } }
    .datashow_container_box1 {
      display: flex;
      flex: 0 0 50%;
      flex-direction: column;
      justify-content: center; }
      .datashow_container_box1_head {
        display: flex;
        font-size: 4rem;
        font-weight: 800;
        color: #fff; }
      .datashow_container_box1_text1 {
        display: flex;
        font-size: 4.5rem;
        color: #fff; }
      .datashow_container_box1_text2 {
        display: flex;
        font-size: 2rem;
        color: #fff; }
    .datashow_container_box2 {
      display: flex;
      flex: 0 0 50%;
      justify-content: center;
      align-items: center; }
      .datashow_container_box2_img {
        display: flex;
        width: 62rem;
				}
        @media only screen and (max-width: 48em) {
          .datashow_container_box2_img {
            width: 32rem; } }

.datassl {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 5rem auto; }
  .datassl_container {
    display: flex;
    flex-direction: column;
    width: 80%;
    align-items: center; }
    .datassl_container_title {
      display: flex;
      font-size: 3.5rem;
      text-align: center;
      text-transform: uppercase;
      margin: 2rem; }
    .datassl_container_box {
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center; }
      @media only screen and (max-width: 48em) {
        .datassl_container_box {
          flex-direction: column; } }
      .datassl_container_box_1 {
        display: flex;
        flex: 1;
        align-items: flex-end;
        flex-direction: column;
        justify-content: center; }
        .datassl_container_box_1_title {
          display: flex;
          font-size: 3rem;
          text-transform: uppercase;
          font-weight: 800;
          margin-top: 2rem;
          margin-bottom: 2rem; }
          .datassl_container_box_1_title::after {
            content: '';
            border-bottom: 0.2rem solid #002060; }
        .datassl_container_box_1_text {
          display: flex;
          margin: 1rem;
          text-align: right;
          font-size: 1.8rem; }
          @media only screen and (max-width: 48em) {
            .datassl_container_box_1_text {
              text-align: center;
			  margin-top:215px; } }
      .datassl_container_box_2 {
        display: flex;
        flex: 0 0 50%;
        justify-content: center;
        align-items: center; }
        .datassl_container_box_2_img {
          display: flex;
          width: 45rem; }
          @media only screen and (max-width: 26.5em) {
            .datassl_container_box_2_img {
              width: 35rem; } }

.cloudflar {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 5rem auto; }
  .cloudflar_container {
    display: flex;
    flex-direction: column;
    width: 80%;
    align-items: center; }
    .cloudflar_container_title {
      display: flex;
      font-size: 3.5rem;
      text-align: center;
      text-transform: uppercase;
      margin: 2rem; }
    .cloudflar_container_box {
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center; }
      @media only screen and (max-width: 48em) {
        .cloudflar_container_box {
          flex-direction: column; } }
      .cloudflar_container_box_1 {
        display: flex;
        order: 2;
        flex: 1;
        align-items: flex-end;
        flex-direction: column;
        justify-content: center; }
        .cloudflar_container_box_1_title {
          display: flex;
          font-size: 3rem;
          text-transform: uppercase;
          font-weight: 800;
          margin-top: 2rem;
          margin-bottom: 2rem; }
          .cloudflar_container_box_1_title::after {
            content: '';
            border-bottom: 0.2rem solid #002060; }
        .cloudflar_container_box_1_text {
          display: flex;
          margin: 1rem;
          text-align: left;
          font-size: 1.8rem; }
          @media only screen and (max-width: 48em) {
            .cloudflar_container_box_1_text {
              text-align: center; } }
      .cloudflar_container_box_2 {
        display: flex;
        flex: 0 0 50%;
        order: 1;
        justify-content: center;
        align-items: center; }
        .cloudflar_container_box_2_img {
          display: flex;
          width: 45rem; }
          @media only screen and (max-width: 26.5em) {
            .cloudflar_container_box_2_img {
              width: 35rem; } }

.cloudwaf {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 5rem auto; }
  .cloudwaf_container {
    display: flex;
    flex-direction: column;
    width: 80%;
    align-items: center; }
    .cloudwaf_container_title {
      display: flex;
      font-size: 3.5rem;
      text-align: center;
      text-transform: uppercase;
      margin: 2rem; }
    .cloudwaf_container_box {
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center; }
      @media only screen and (max-width: 48em) {
        .cloudwaf_container_box {
          flex-direction: column; } }
      .cloudwaf_container_box_1 {
        display: flex;
        flex: 1;
        align-items: flex-end;
        flex-direction: column;
        justify-content: center; }
        .cloudwaf_container_box_1_title {
          display: flex;
          font-size: 3rem;
          text-transform: uppercase;
          font-weight: 800;
          margin-top: 2rem;
          margin-bottom: 2rem; }
          .cloudwaf_container_box_1_title::after {
            content: '';
            border-bottom: 0.2rem solid #002060; }
        .cloudwaf_container_box_1_text {
          display: flex;
          margin: 1rem;
          text-align: right;
          font-size: 1.8rem; }
          @media only screen and (max-width: 48em) {
            .cloudwaf_container_box_1_text {
              text-align: center; } }
      .cloudwaf_container_box_2 {
        display: flex;
        flex: 0 0 50%;
        justify-content: center;
        align-items: center; }
        .cloudwaf_container_box_2_img {
          display: flex;
          width: 45rem; }
          @media only screen and (max-width: 26.5em) {
            .cloudwaf_container_box_2_img {
              width: 35rem; } }

.instloc {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 5rem auto; }
  .instloc_container {
    display: flex;
    flex-direction: column;
    width: 80%;
    align-items: center; }
    .instloc_container_title {
      display: flex;
      font-size: 3.5rem;
      text-align: center;
      text-transform: uppercase;
      margin: 2rem; }
    .instloc_container_box {
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center; }
      @media only screen and (max-width: 48em) {
        .instloc_container_box {
          flex-direction: column; } }
      .instloc_container_box_1 {
        display: flex;
        order: 2;
        flex: 1;
        align-items: flex-end;
        flex-direction: column;
        justify-content: center; }
        .instloc_container_box_1_title {
          display: flex;
          font-size: 3rem;
          text-transform: uppercase;
          font-weight: 800;
          margin-top: 2rem;
          margin-bottom: 2rem; }
          .instloc_container_box_1_title::after {
            content: '';
            border-bottom: 0.2rem solid #002060; }
        .instloc_container_box_1_text {
          display: flex;
          margin: 1rem;
          text-align: left;
          font-size: 1.8rem; }
          @media only screen and (max-width: 48em) {
            .instloc_container_box_1_text {
              text-align: center; } }
      .instloc_container_box_2 {
        display: flex;
        flex: 0 0 50%;
        order: 1;
        justify-content: center;
        align-items: center; }
        .instloc_container_box_2_img {
          display: flex;
          width: 45rem; }
          @media only screen and (max-width: 26.5em) {
            .instloc_container_box_2_img {
              width: 35rem; } }

.authcontainer {
  display: flex;
  width: 100%;
  height: 100vh;
  position: relative;
  background-image: url(../img/bg5.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.admcontainer {
  display: flex;
  width: 100%;
  height: 100vh;
  position: relative;
  background-image: url(../img/bg5.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

.authbox {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  align-items: center; }
  @media only screen and (max-width: 48em) {
    .authbox {
      width: 90%; } }
  .authbox_head {
    display: flex;
    font-size: 3.5rem;
    margin: 1rem;
    text-align: center;
    color: #fff; }
  .authbox_img {
    display: flex;
    width: 40rem; }
    @media only screen and (max-width: 48em) {
      .authbox_img {
        width: 35rem; } }
  .authbox_login {
    display: flex;
    flex-direction: column;
    width: 50rem;
    margin-top: -10rem;
    background-color: #fff;
    border-radius: 2rem;
    z-index: 5; }
    .authbox_login_tab {
      display: flex;
      width: 100%; }
      .authbox_login_tab_item {
        display: flex;
        cursor: pointer;
        width: 50%;
        text-align: center;
        justify-content: center;
        margin: 1.5rem 1rem;
        padding: 1rem 2rem;
        border-radius: 3rem;
        font-size: 1.8rem;
        font-weight: 800; }
    .authbox_login_box {
      display: none;
      flex-direction: column;
      margin: 1rem;
      font-size: 1.5rem; }
      .authbox_login_box_form {
        display: flex;
        flex-direction: column;
        width: 80%;
        margin: 1rem auto;
        align-items: center; }
        .authbox_login_box_form_input {
          display: flex;
          width: 80%;
          font-size: 1.5rem;
          margin: 1rem;
          padding: 1rem;
          border-radius: 3rem;
          outline: none;
          border: none;
          box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
        .authbox_login_box_form_input1 {
          display: flex;
          cursor: pointer;
          font-size: 1.8rem;
          font-weight: 600;
          padding: 1.5rem 3rem;
          margin: 1rem;
          border-radius: 3rem;
          outline: none;
          border: none;
          background-color: #3b32ec;
          color: #fff;
          box-shadow: 0 0 1rem rgba(0, 0, 0, 0.7); }
      .authbox_login_box_link {
        display: flex;
        justify-content: space-between;
        margin: 1rem 2rem;
        font-size: 1.8rem;
        font-weight: 700; }
        .authbox_login_box_link_item {
          display: flex;
          text-decoration: none;
          color: #726464; }
          .authbox_login_box_link_item:hover {
            color: #002060; }
      .authbox_login_box_set {
        display: flex;
        flex-direction: column;
        margin: 0.5rem;
        font-size: 1.5rem; }
        .authbox_login_box_set_head {
          display: flex;
          cursor: pointer;
          width: 25rem;
          font-size: 2rem;
          margin: 1rem auto;
          background-color: #b999f1;
          padding: 1rem;
          color: #fff;
          justify-content: center;
          border-radius: 3rem; }
        .authbox_login_box_set_form {
          display: none;
          flex-direction: column;
          width: 80%;
          margin: 1rem auto;
          align-items: center; }
          .authbox_login_box_set_form_input {
            display: flex;
            width: 80%;
            font-size: 1.5rem;
            margin: 1rem;
            padding: 1rem;
            border-radius: 3rem;
            outline: none;
            border: none;
            box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
          .authbox_login_box_set_form_input1 {
            display: flex;
            cursor: pointer;
            font-size: 1.8rem;
            font-weight: 600;
            padding: 1.5rem 3rem;
            margin: 1rem;
            border-radius: 3rem;
            outline: none;
            border: none;
            background-color: #3b32ec;
            color: #fff;
            box-shadow: 0 0 1rem rgba(0, 0, 0, 0.7); }
      .authbox_login_box_forget {
        display: flex;
        justify-content: space-between;
        margin: 1rem 2rem;
        font-size: 1.8rem;
        font-weight: 700;
        text-decoration: none;
        color: #726464; }
        .authbox_login_box_forget:hover {
          color: #002060; }
    @media only screen and (max-width: 48em) {
      .authbox_login {
        width: 38rem; } }

.admbox {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  align-items: center; }
  @media only screen and (max-width: 48em) {
    .admbox {
      width: 90%; } }
  .admbox_head {
    display: flex;
    font-size: 3.5rem;
    margin: 1rem;
    text-align: center;
    color: #fff; }
  .admbox_img {
    display: flex;
    width: 40rem; }
    @media only screen and (max-width: 48em) {
      .admbox_img {
        width: 35rem; } }
  .admbox_login {
    display: flex;
    flex-direction: column;
    width: 50rem;
    margin-top: -10rem;
    background-color: #fff;
    border-radius: 2rem;
    z-index: 5; }
    .admbox_login_item {
      display: flex;
      cursor: pointer;
      width: 100%;
      text-align: center;
      justify-content: center;
      margin: 1.5rem 1rem;
      padding: 1rem 2rem;
      border-radius: 3rem;
      font-size: 2.5rem;
      font-weight: 800; }
    .admbox_login_box {
      display: flex;
      flex-direction: column;
      margin: 1rem;
      font-size: 1.5rem; }
      .admbox_login_box_form {
        display: flex;
        flex-direction: column;
        width: 80%;
        margin: 1rem auto;
        align-items: center; }
        .admbox_login_box_form_input {
          display: flex;
          width: 80%;
          font-size: 1.5rem;
          margin: 1rem;
          padding: 1rem;
          border-radius: 3rem;
          outline: none;
          border: none;
          box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
        .admbox_login_box_form_input1 {
          display: flex;
          cursor: pointer;
          font-size: 1.8rem;
          font-weight: 600;
          padding: 1.5rem 3rem;
          margin: 1rem;
          border-radius: 3rem;
          outline: none;
          border: none;
          background-color: #3b32ec;
          color: #fff;
          box-shadow: 0 0 1rem rgba(0, 0, 0, 0.7); }
      .admbox_login_box_link {
        display: flex;
        justify-content: space-between;
        margin: 1rem 2rem;
        font-size: 1.8rem;
        font-weight: 700; }
        .admbox_login_box_link_item {
          display: flex;
          text-decoration: none;
          color: #726464; }
          .admbox_login_box_link_item:hover {
            color: #002060; }
    @media only screen and (max-width: 48em) {
      .admbox_login {
        width: 38rem; } }

.tabactive {
  background-color: #002060;
  color: #fff; }

.loginactive {
  display: flex; }

comheadactive {
  background-color: #fd9800; }

.comlogactive {
  display: flex; }

.signauthcontainer {
  display: flex;
  width: 100%;
  height: 100vh;
  position: relative;
  background-image: url(../img/bg6.png);
  background-repeat: no-repeat;
  background-size: cover; }

.signauthbox {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  align-items: center; }
  @media only screen and (max-width: 48em) {
    .signauthbox {
      width: 90%; } }
  .signauthbox_head {
    display: flex;
    font-size: 4rem;
    margin: 1rem;
    text-align: center;
    color: #fff; }
  .signauthbox_img {
    display: flex;
    width: 40rem; }
    @media only screen and (max-width: 48em) {
      .signauthbox_img {
        width: 35rem; } }
  .signauthbox_up {
    display: flex;
    flex-direction: column;
    width: 50rem;
    margin-top: -10rem;
    background-color: #fff;
    border-radius: 2rem;
    z-index: 5; }
    .signauthbox_up_title {
      display: flex;
      font-size: 2.5rem;
      font-weight: 600;
      text-align: center;
      margin: 1rem 3rem; }
    .signauthbox_up_form {
      display: flex;
      flex-direction: column;
      width: 80%;
      margin: 1rem auto;
      align-items: center; }
      .signauthbox_up_form_input {
        display: flex;
        width: 80%;
        font-size: 1.5rem;
        margin: 1rem;
        padding: 1rem;
        border-radius: 3rem;
        outline: none;
        border: none;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
      .signauthbox_up_form_input1 {
        display: flex;
        cursor: pointer;
        font-size: 1.8rem;
        font-weight: 600;
        padding: 1rem 3rem;
        margin: 1rem;
        border-radius: 3rem;
        outline: none;
        border: none;
        background-color: #3b32ec;
        color: #fff;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.7); }
        .signauthbox_up_form_input1:hover {
          background-color: #fd9800; }
    .signauthbox_up_link {
      display: flex;
      font-size: 1.6rem;
      text-decoration: none;
      font-weight: 700;
      margin: 1.5rem 3rem; }
    @media only screen and (max-width: 48em) {
      .signauthbox_up {
        width: 38rem; } }

.forgetcontainer {
  display: flex;
  width: 100%;
  height: 100vh;
  position: relative;
  background-image: url(../img/bg7.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

.forgetbox {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  align-items: center; }
  @media only screen and (max-width: 48em) {
    .forgetbox {
      width: 90%; } }
  .forgetbox_head {
    display: flex;
    font-size: 4rem;
    text-align: center;
    margin: 1rem;
    color: #fff; }
  .forgetbox_img {
    display: flex;
    width: 40rem; }
    @media only screen and (max-width: 48em) {
      .forgetbox_img {
        width: 35rem; } }
  .forgetbox_up {
    display: flex;
    flex-direction: column;
    width: 50rem;
    margin-top: -10rem;
    background-color: #fff;
    border-radius: 2rem;
    z-index: 5; }
    .forgetbox_up_title {
      display: flex;
      font-size: 2.5rem;
      font-weight: 600;
      margin: 1rem 3rem; }
    .forgetbox_up_form {
      display: flex;
      flex-direction: column;
      width: 80%;
      margin: 1rem auto;
      align-items: center; }
      .forgetbox_up_form_input {
        display: flex;
        width: 80%;
        font-size: 1.5rem;
        margin: 1rem;
        padding: 1rem;
        border-radius: 3rem;
        outline: none;
        border: none;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
      .forgetbox_up_form_input1 {
        display: flex;
        cursor: pointer;
        font-size: 1.8rem;
        font-weight: 600;
        padding: 1rem 3rem;
        margin: 1rem;
        border-radius: 3rem;
        outline: none;
        border: none;
        background-color: #3b32ec;
        color: #fff;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.7); }
        .forgetbox_up_form_input1:hover {
          background-color: #fd9800; }
    .forgetbox_up_link {
      display: flex;
      font-size: 1.6rem;
      text-decoration: none;
      font-weight: 700;
      margin: 1.5rem 3rem; }
    @media only screen and (max-width: 48em) {
      .forgetbox_up {
        width: 38rem; } }

.resetpasscontainer {
  display: flex;
  width: 100%;
  height: 100vh;
  position: relative;
  background-image: url(../img/bg7.jpg);
  background-repeat: no-repeat;
  background-size: cover; }

.resetpassbox {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 80%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  align-items: center; }
  @media only screen and (max-width: 48em) {
    .resetpassbox {
      width: 90%; } }
  .resetpassbox_head {
    display: flex;
    font-size: 4rem;
    text-align: center;
    margin: 1rem;
    color: #fff; }
  .resetpassbox_img {
    display: flex;
    width: 40rem; }
    @media only screen and (max-width: 48em) {
      .resetpassbox_img {
        width: 35rem; } }
  .resetpassbox_up {
    display: flex;
    flex-direction: column;
    width: 50rem;
    margin-top: -10rem;
    background-color: #fff;
    border-radius: 2rem;
    z-index: 5; }
    .resetpassbox_up_title {
      display: flex;
      font-size: 2.5rem;
      font-weight: 600;
      margin: 1rem 3rem; }
    .resetpassbox_up_form {
      display: flex;
      flex-direction: column;
      width: 80%;
      margin: 1rem auto;
      align-items: center; }
      .resetpassbox_up_form_input {
        display: flex;
        width: 80%;
        font-size: 1.5rem;
        margin: 1rem;
        padding: 1rem;
        border-radius: 3rem;
        outline: none;
        border: none;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5); }
      .resetpassbox_up_form_input1 {
        display: flex;
        cursor: pointer;
        font-size: 1.8rem;
        font-weight: 600;
        padding: 1rem 3rem;
        margin: 1rem;
        border-radius: 3rem;
        outline: none;
        border: none;
        background-color: #3b32ec;
        color: #fff;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.7); }
        .resetpassbox_up_form_input1:hover {
          background-color: #fd9800; }
    .resetpassbox_up_link {
      display: flex;
      font-size: 1.6rem;
      text-decoration: none;
      font-weight: 700;
      margin: 1.5rem 3rem; }
    @media only screen and (max-width: 48em) {
      .resetpassbox_up {
        width: 38rem; } }

.policylist {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 5rem auto; }
  .policylist_container {
    display: flex;
    flex-direction: column;
    width: 80%;
    align-items: center; }
    .policylist_container_title {
      display: flex;
      font-size: 3.5rem;
      text-align: center;
      text-transform: uppercase;
      margin: 2rem; }
    .policylist_container_box {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      margin-top: 2rem;
      font-size: 2rem;
      text-align: center; }
    .policylist_container_box1 {
      display: flex;
      flex-direction: column;
      margin-top: 2rem; }
      .policylist_container_box1_title {
        display: flex;
        margin: 2rem 0;
        font-size: 3rem; }
      .policylist_container_box1_list {
        display: flex;
        flex-direction: column;
        font-size: 2rem; }
        .policylist_container_box1_list_item {
          margin-bottom: 6rem; }
          .policylist_container_box1_list_item_list {
            display: flex;
            flex-direction: column;
            margin-left: 5rem;
            margin-top: 2rem; }
            .policylist_container_box1_list_item_list_item {
              margin: 1rem; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.inv {
  display: flex;
  flex-direction: column;
  max-width: 90em;
  padding: 0;
  margin: 0 auto;
  position: relative;
  font-family: var(--cardfont2);
  color: #000;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.invcont {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  min-height: 112rem; }
  .invcont_top {
    display: flex;
    width: 100%;
    background-color: #f1f0f0; }
    .invcont_top_img {
      display: flex;
      width: 40%;
      margin: 0.5rem auto; }
  .invcont_head {
    display: flex;
    width: 100%;
    background-color: #f1f0f0; }
    .invcont_head_box1 {
      display: flex;
      flex: 0 0 15%;
      border-right: 1.5rem solid #f44336;
      justify-content: flex-end;
      align-items: center; }
      .invcont_head_box1_logo {
        display: flex;
        width: 12rem; }
    .invcont_head_box2 {
      display: flex;
      flex-direction: column;
      flex: 1;
      margin: 0.5rem 1rem;
      line-height: 2rem;
      justify-content: center; }
      .invcont_head_box2_text1 {
        display: flex;
        font-size: 1.8rem;
        font-weight: 700; }
      .invcont_head_box2_text2 {
        display: flex;
        font-size: 1.5rem;
        font-weight: 400; }
      .invcont_head_box2_text3 {
        display: flex;
        font-size: 1.5rem;
        font-weight: 500;
        width: 65%; }
    .invcont_head_box3 {
      display: flex;
      flex: 0 0 20%;
      flex-direction: column;
      margin: 1rem;
      justify-content: flex-end; }
      .invcont_head_box3_text {
        display: flex;
        font-size: 1.5rem;
        font-weight: 700; }
        .invcont_head_box3_text span {
          font-weight: 500; }
  .invcont_bd {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .invcont_bd_box1 {
      display: flex;
      flex-direction: column;
      margin-bottom: 1rem; }
      .invcont_bd_box1_title {
        display: flex;
        font-size: 1.8rem;
        margin: 1rem auto;
        border-bottom: 0.5rem solid #000; }
      .invcont_bd_box1_text {
        display: flex;
        font-size: 1.5rem;
        font-weight: 700; }
    .invcont_bd_box2 {
      display: flex;
      flex-direction: column; }
      .invcont_bd_box2_compname {
        display: flex;
        font-size: 1.5rem;
        font-weight: 700; }
      .invcont_bd_box2_con {
        display: flex;
        justify-content: space-between; }
        .invcont_bd_box2_con_1 {
          display: flex;
          flex-direction: column;
          margin-top: 1rem; }
          .invcont_bd_box2_con_1_text {
            display: flex;
            font-size: 1.5rem; }
            .invcont_bd_box2_con_1_text span {
              margin-left: 3rem; }
        .invcont_bd_box2_con_2 {
          display: flex;
          flex-direction: column;
          align-items: flex-end; }
          .invcont_bd_box2_con_2_comp {
            display: flex;
            font-size: 1.5rem;
            font-weight: 700; }
          .invcont_bd_box2_con_2_text {
            display: flex;
            font-size: 1.5rem;
            text-align: right;
            font-weight: 400;
            width: 25rem;
            justify-content: flex-end; }
  .invcont_con {
    display: flex;
    width: 90%;
    margin: 1rem auto; }
    .invcont_con_table {
      width: 100%;
      margin-bottom: 5rem;
      font-size: 1.5rem; }
      .invcont_con_table_mob {
        text-align: center; }
      .invcont_con_table_amount {
        text-align: center; }
      .invcont_con_table th,
      .invcont_con_table td {
        padding: 1.5rem; }
      .invcont_con_table th {
        background-color: #f44336;
        color: #fff; }
      .invcont_con_table td {
        background-color: #f1f0f0;
        color: #000; }
  .invcont_pay {
    display: flex;
    flex-direction: column;
    margin: 2rem;
    align-items: flex-start;
    line-height: 2rem; }
    .invcont_pay_title {
      display: flex;
      font-size: 1.5rem;
      font-weight: 700;
      border-bottom: 0.2rem solid #000; }
    .invcont_pay_text {
      display: flex;
      font-size: 1.3rem; }
    .invcont_pay_box {
      display: flex;
      margin-top: 2rem; }
      .invcont_pay_box_1 {
        display: flex;
        flex: 0 0 60%;
        flex-direction: column;
        align-items: flex-start; }
        .invcont_pay_box_1_title {
          display: flex;
          font-size: 1.5rem;
          font-weight: 700;
          margin: 1rem 0;
          border-bottom: 0.2rem solid #000; }
        .invcont_pay_box_1_text {
          display: flex;
          font-size: 1.3rem; }
        .invcont_pay_box_1_text1 {
          display: flex;
          margin: 0.5rem 0;
          font-size: 1.3rem; }
      .invcont_pay_box_2 {
        display: flex;
        flex: 1;
        justify-content: center;
        align-items: flex-start; }
        .invcont_pay_box_2_qr {
          display: flex;
          width: 50%; }
  .invcont_foot {
    display: flex;
    flex-direction: column;
    width: 100%;
    bottom: 0;
    margin-top: 1rem; }
    .invcont_foot_box {
      display: flex;
      flex-direction: column;
      width: 90%; }
      .invcont_foot_box_img {
        display: flex;
        width: 30rem; }
    .invcont_foot_box1 {
      display: flex;
      font-size: 1.2rem;
      margin: 1rem auto;
      width: 90%;
      justify-content: space-around; }

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

.rec {
  display: flex;
  flex-direction: column;
  max-width: 90em;
  padding: 0;
  margin: 0 auto;
  position: relative;
  font-family: var(--cardfont2);
  color: #000;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3); }

.reccont {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  min-height: 112rem; }
  .reccont_top {
    display: flex;
    width: 100%;
    background-color: #f1f0f0; }
    .reccont_top_img {
      display: flex;
      width: 40%;
      margin: 0.5rem auto; }
  .reccont_head {
    display: flex;
    width: 100%;
    background-color: #f1f0f0; }
    .reccont_head_box1 {
      display: flex;
      flex: 0 0 15%;
      border-right: 1.5rem solid #70ad47;
      justify-content: flex-end;
      align-items: center; }
      .reccont_head_box1_logo {
        display: flex;
        width: 12rem; }
    .reccont_head_box2 {
      display: flex;
      flex-direction: column;
      flex: 1;
      margin: 0.5rem 1rem;
      line-height: 2rem;
      justify-content: center; }
      .reccont_head_box2_text1 {
        display: flex;
        font-size: 1.8rem;
        font-weight: 700; }
      .reccont_head_box2_text2 {
        display: flex;
        font-size: 1.5rem;
        font-weight: 400; }
      .reccont_head_box2_text3 {
        display: flex;
        font-size: 1.5rem;
        font-weight: 500;
        width: 65%; }
    .reccont_head_box3 {
      display: flex;
      flex: 0 0 20%;
      flex-direction: column;
      margin: 1rem;
      justify-content: flex-end; }
      .reccont_head_box3_text {
        display: flex;
        font-size: 1.5rem;
        font-weight: 700; }
        .reccont_head_box3_text span {
          font-weight: 500; }
  .reccont_bd {
    display: flex;
    flex-direction: column;
    margin: 1rem 3rem; }
    .reccont_bd_box1 {
      display: flex;
      flex-direction: column;
      margin-bottom: 1rem; }
      .reccont_bd_box1_title {
        display: flex;
        font-size: 1.8rem;
        margin: 1rem auto;
        border-bottom: 0.5rem solid #000; }
      .reccont_bd_box1_text {
        display: flex;
        font-size: 1.5rem;
        font-weight: 700; }
    .reccont_bd_box2 {
      display: flex;
      flex-direction: column; }
      .reccont_bd_box2_compname {
        display: flex;
        font-size: 1.5rem;
        font-weight: 700; }
      .reccont_bd_box2_con {
        display: flex;
        justify-content: space-between; }
        .reccont_bd_box2_con_1 {
          display: flex;
          flex-direction: column;
          margin-top: 1rem; }
          .reccont_bd_box2_con_1_text {
            display: flex;
            font-size: 1.5rem; }
            .reccont_bd_box2_con_1_text span {
              margin-left: 3rem; }
        .reccont_bd_box2_con_2 {
          display: flex;
          flex-direction: column;
          align-items: flex-end; }
          .reccont_bd_box2_con_2_comp {
            display: flex;
            font-size: 1.5rem;
            font-weight: 700; }
          .reccont_bd_box2_con_2_text {
            display: flex;
            font-size: 1.5rem;
            text-align: right;
            font-weight: 400;
            width: 25rem;
            justify-content: flex-end; }
  .reccont_con {
    display: flex;
    width: 90%;
    margin: 1rem auto; }
    .reccont_con_table {
      width: 100%;
      font-size: 1.5rem; }
      .reccont_con_table_mob {
        text-align: center; }
      .reccont_con_table_amount {
        text-align: center; }
      .reccont_con_table th,
      .reccont_con_table td {
        padding: 1.5rem; }
      .reccont_con_table th {
        background-color: #70ad47;
        color: #fff; }
      .reccont_con_table td {
        background-color: #f1f0f0;
        color: #000; }
  .reccont_pay {
    display: flex;
    flex-direction: column;
    margin: 2rem;
    align-items: flex-start;
    line-height: 2rem; }
    .reccont_pay_title {
      display: flex;
      font-size: 1.5rem;
      font-weight: 700;
      border-bottom: 0.2rem solid #000; }
    .reccont_pay_text {
      display: flex;
      font-size: 1.3rem; }
    .reccont_pay_box {
      display: flex;
      margin-top: 2rem; }
      .reccont_pay_box_1 {
        display: flex;
        flex: 0 0 60%;
        flex-direction: column;
        align-items: flex-start; }
        .reccont_pay_box_1_title {
          display: flex;
          font-size: 1.5rem;
          font-weight: 700;
          margin: 1rem 0;
          border-bottom: 0.2rem solid #000; }
        .reccont_pay_box_1_text {
          display: flex;
          font-size: 1.3rem; }
        .reccont_pay_box_1_text1 {
          display: flex;
          margin: 0.5rem 0;
          font-size: 1.3rem; }
      .reccont_pay_box_2 {
        display: flex;
        flex: 1;
        justify-content: center;
        align-items: flex-start; }
        .reccont_pay_box_2_qr {
          display: flex;
          width: 50%; }
  .reccont_foot {
    display: flex;
    flex-direction: column;
    width: 100%;
    bottom: 0;
    margin-top: 1rem; }
    .reccont_foot_box {
      display: flex;
      flex-direction: column;
      width: 90%; }
      .reccont_foot_box_img {
        display: flex;
        width: 30rem; }
    .reccont_foot_box1 {
      display: flex;
      font-size: 1.2rem;
      margin: 1rem auto;
      width: 90%;
      justify-content: space-around; }

/*Dropdown for menu*/
.dropbtn {
  /*background-color: #3b32ec;*/
/*color: #fff;*/
padding:0.5rem 1rem;
border-radius: 3rem;
  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
  z-index:1;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size:1.5rem;
  z-index:1;
}

.dropdown-content a:hover {background-color: #f1f1f1;z-index:1;}

.dropdown:hover .dropdown-content {
  display: block;
}