* {
    font-family: 'Noto Sans KR', sans-serif;
    font-family: 'Poppins', sans-serif;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
  }
    
    h4 {
      font-size: 24px;
      font-weight: 700;
    }
    :root {
      /* Color */
      --white-color: #fff;
      --black-color: #1e1e1e;
      --red-color: #FF5B54;
      --grey-dark-color: #424242;
      --grey-light-color: #e0e0e0;
    
      /* font-size */
      --font-caption1: 14px;
      --font-caption2: 12px;
    }
    
    a {
      text-decoration: none;
    }
    
    /* header part */
    /* header part */
  header {
    background-color: rgba(0, 0, 0, 0.2);
  }
  
  /* header part */
  
  header .top_menu {
    display: flex;
    justify-content: space-between;
  }
  
  header .inspiration {
    padding: 16px;
  }
  
  header .inspiration a {
    color: var(--black-color);
    font-size: 24px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s;
  }
  
  header .inspiration a:hover {
    color: var(--white-color);
  }
  
  header .title_EG {
    padding: 16px;
  }
  
  header .title_EG a {
    color: var(--black-color);
    font-size: 24px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s ease-in;
  }
  
  header .title_EG a:hover {
    color: var(--white-color);
  }
  
  header .menu_button {
    font-size: 24px;
    color: var(--white-color);
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s ease-in;
    padding: 16px;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none;
  }
  
  header .menu_button:hover {
    color: var(--black-color);
  }
  
  .top_menu_react_header .top_menu_react {
    display: none;
    height: 64px;
    margin-bottom: 0px;
  }
  
  .top_menu_react_header .top_menu_react .menu_button_react {
    padding: 16px 16px;
    position: absolute;
    top: 0px;
    right: 0px;
    border: none;
    background-color: transparent;
  }
  
  .top_menu_react_header .title_react {
    padding: 16px;
    position: absolute;
    top: 0px;
    left: 0px;
  }
  
  .top_menu_react_header .title_react a {
    font-size: 21px;
    color: var(--black-color);
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s ease-in;
  }
  
  .top_menu_react_header .menu_button_react {
    font-size: 21px;
    color: var(--white-color);
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s ease-in;
    cursor: pointer;
  }
  
  .top_menu_react_header .title_react a:hover {
    color: var(--white-color);
  }
  
  .top_menu_react_header .menu_button_react:hover {
    color: var(--black-color);
  }
  
  /* btn_menu_container */
  
  .btn_menu_container {
    display: flex;
    visibility: hidden;
    justify-content: center;
    position: fixed;
    width: 100vw;
    height: 100vh;
    align-items: center;
    background-color: var(--white-color);
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  
  .btn_menu_container.open {
    opacity: 1;
    visibility: visible;
  }
  
  .top_menu_react {
    display: none;
  }
  
  .btn_menu_container nav ul {
    text-decoration: none;
    list-style: none;
    text-align: center;
    margin-bottom: 80px;
  }
  
  .btn_menu_container nav .contact_description {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .btn_menu_container nav .contact_description .contact_mailandcall a {
    color: var(--black-color);
    font-size: 21px;
    transition: all 0.2s ease-in;
  }
  
  .btn_menu_container nav ul a {
    color: var(--black-color);
    font-size: 140px;
    line-height: 140px;
    font-weight: 700;
    text-align: center;
    transition: all 0.2s ease-in;
  }
  
  .btn_menu_container nav ul a:hover {
    color: var(--red-color);
  }
  
  .btn_menu_container nav .contact_description .contact_mailandcall a:hover {
    color: var(--red-color);
  }
  
  .btn_menu_container nav .contact_description .language {
    margin-top: 20px;
  }

  .btn_menu_container nav .contact_description .language span a {
    font-size: 20px;
    color: var(--black-color);
    padding: 4px;
    transition: all 0.2s ease-in;
    font-weight: 400;
  }

  .btn_menu_container nav .contact_description .language span a:hover {
    color: var(--red-color);
  }

  
  /* btn menu container react */
  .btn_menu_container_react {
    display: none;
  }
  
    
    /* background sticky */
    .banner {
      width: 100%;
      height: 100vh - 64px;
      background: url(/archive/image/B&R_global_web_thumbnail.jpg);
      background-size: cover;
      background-attachment: fixed;
    }
    .titleanddescription_background {
      width: 100%;
      height: 100vh;
      align-items: center;
      background-color: rgba(0,0,0,0.2);
    }
    
    .titleanddescription {
      height: auto;
      margin: 0px 180px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    
    .titleanddescription .brand_name {
      font-size: 20px;
      margin: 240px 0px 0px 0px;
      color: var(--grey-light-color);
    }
    
    .titleanddescription .work_title {
      font-size: 40px;
      font-weight: 700;
      color: var(--grey-light-color);
      margin: 4px 0px 24px 0px;
    }
    .titleanddescription .work_description {
      font-size: 18px;
      max-width: 750px;
      color: var(--grey-light-color);
      margin-bottom: 20px;
      font-family: noto sans kr;
      letter-spacing: -0.04em;
      line-height: 160%;
      font-weight: 300;
    }
    
    .titleanddescription .link a {
      font-size: 18px;
      text-decoration: none;
      color: var(--white-color);
      font-weight: 700;
      margin-bottom: 8px;
      transition: all 0.2s ease-in;
    }
    
    .titleanddescription .link a:hover {
      color: var(--red-color);
    }
    
    
    /* design_overview_section */
    .design_overview_container {
      margin: 120px 180px;
    }
    
    .design_overview_container .design_overview {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      gap: 80px;
    }
    
    .design_overview_container .design_overview .overview_title {
      font-weight: 700;
      font-size: 42px;
      width: 50%;
      color: var(--black-color);
    }
    
    .design_overview_container .design_overview .overview_description {
      font-size: 18px;
      max-width: 700px;
      width: 50%;
      color: var(--black-color);
      line-height: 28px;
      font-family: noto sans kr;
      letter-spacing: -0.04em;
      line-height: 160%;
      font-weight: 300;
    }
    
    
    /* img_section */
    
    .img_section {
      margin: 12px 12px 120px 12px;
    }
    
    .img_section .img_firstline {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 6px;
    }
    
    .img_section .img_secondline {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 6px; 
    }
    
    .img-wrapper_1 {
      max-width: 100%;
      display: inline-block;
      box-sizing: border-box;
      text-align: center;
    }
    
    .img-wrapper_1 img {
      max-width: 100%;
    }
    
    
    /* challengeandsolution section */
    
    .challengeandsolution_container {
      margin: 0px 180px 120px 180px;
    }
    
    /* challenge part */
    
    .challengeandsolution_container .challenge_and_solution {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      gap: 80px;
      margin-bottom: 80px;
    }
    
    .challengeandsolution_container .challenge_and_solution .challenge_wrap {
      display: block;
      flex-direction: column;
      width: 50%;
    }
    
    .challengeandsolution_container .challenge_and_solution .challenge_wrap .challenge_title {
      font-size: 42px;
      color: var(--black-color);
      margin-bottom: 28px;
    }
    
    .challengeandsolution_container .challenge_and_solution .challenge_wrap .challenge_description {
      font-size: 18px;
      color: var(--black-color);
      line-height: 28px;
      font-family: noto sans kr;
      letter-spacing: -0.04em;
      line-height: 160%;
      font-weight: 300;
    }
    
    /* Solution part */
    
    .challengeandsolution_container .challenge_and_solution .solution_wrap {
      display: block;
      flex-direction: column;
      width: 50%;
    }
    
    .challengeandsolution_container .challenge_and_solution .solution_wrap .solution_title {
      font-size: 42px;
      color: var(--black-color);
      margin-bottom: 28px;
    }
    
    .challengeandsolution_container .challenge_and_solution .solution_wrap .solution_description {
      font-size: 18px;
      color: var(--black-color);
      line-height: 28px;
      font-family: noto sans kr;
      letter-spacing: -0.04em;
      line-height: 160%;
      font-weight: 300;
    }
    
    /* horizontal line */
    .horizontal_line {
      border: 0.1px solid var(--black-color);
    }
    
    .sec_bi_part {
        margin: 80px 40px;
    }
/* 
    .sec_bi_part > .img-wrapper_1 {
        margin-bottom: 40px;
    } */

    .sec_bi_part .bi_dsc {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 80px;
    }

    .sec_bi_part .bi_dsc_1st > .img-wrapper_1 {
        margin-bottom: 40px;
    }

    .sec_bi_part .bi_dsc .bi_dsc_title {
        font-size: 42px;
        font-weight: 700;
        margin-bottom: 20px;
        color: var(--black-color);
        text-align: center;
    }

    .sec_bi_part .bi_dsc .bi_dsc_dsc {
        font-size: 18px;
        color: var(--black-color);
        text-align: center;
        line-height: 28px;
        margin-bottom: 60px;
        width: 80%;
        font-family: noto sans kr;
        letter-spacing: -0.04em;
        line-height: 160%;
        font-weight: 300;
    }

    .sec_bi_part .bi_dsc .bi_notion_link a {
        color: var(--white-color);
        transition: all 0.2s ease-in;
        padding: 12px 36px;
        background-color: var(--black-color);
        border-radius: 16px;
    }

    .sec_bi_part .bi_dsc .bi_notion_link a:hover {
        background-color: #424242;
    }
    
    .sec_bi_part .bi_dsc_1st .bi_naming {
        display: flex;
        flex-direction: row;
        gap: 40px;
        justify-content: space-between;
        margin: 0px 140px;
    }

    .sec_bi_part .bi_dsc_1st .bi_naming .bi_naming_sec_wrap {
        width: 33%;
    }

    .sec_bi_part .bi_dsc_1st .bi_naming .bi_naming_title {
        font-size: 22px;
        color: var(--black-color);
        margin-bottom: 12px;
        font-weight: 500;
    }

    .sec_bi_part .bi_dsc_1st .bi_naming .bi_naming_dsc {
        font-size: 18px;
        color: var(--black-color);
        font-family: noto sans kr;
        letter-spacing: -0.04em;
        line-height: 160%;
        font-weight: 300;
    }


    .sec_data_part {
        margin: 80px 40px;
    }

    .sec_data_part .data_dsc {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 40px;
    }

    .sec_data_part .data_dsc .data_dsc_title {
        font-size: 42px;
        font-weight: 700;
        margin-bottom: 20px;
        color: var(--black-color);
        text-align: center;
    }

    .sec_data_part .data_dsc .data_dsc_dsc {
        font-size: 18px;
        color: var(--black-color);
        text-align: center;
        line-height: 28px;
        margin-bottom: 60px;
        width: 80%;
        font-family: noto sans kr;
        letter-spacing: -0.04em;
        line-height: 160%;
        font-weight: 300;
    }

    .sec_data_part .data_dsc_1st .data_naming {
        display: flex;
        flex-direction: row;
        gap: 20px;
    }

    .sec_data_part .data_dsc_1st .data_naming .data_naming_sec_wrap {
        width: 50%;
    }

    .sec_data_part .data_dsc_1st .data_naming .data_naming_sec_wrap .data_naming_title {
        font-size: 22px;
        color: var(--black-color);
        margin-bottom: 12px;
        font-weight: 500;
    }

    .sec_data_part .data_dsc_1st > .img-wrapper_1 {
        margin-bottom: 40px;
    }

    .sec_data_part .data_dsc_1st .data_naming .data_naming_sec_wrap .data_naming_dsc {
        font-size: 18px;
        color: var(--black-color);
    }

    .sec_data_part .data_dsc_1st .data_sec_img_container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 12px;
    }


    /* Result part */
      .result_container {
        margin: 120px 180px;
        display: flex;
        flex-direction: column;
      }
    
      .result_container .result_title {
        font-size: 42px;
        font-weight: 700;
        margin-bottom: 80px;
        color: var(--black-color);
      }
    
      .result_container .result_firstline {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        margin-bottom: 60px;
        gap: 120px;
      }
    
      .result_container .result_firstline .result_firstline_firstrow {
        display: flex;
        flex-direction: column;
        width: 33%;
        margin-right: 40px;
      }
    
      .result_container .result_firstline .result_firstline_firstrow .result_data {
        font-size: 72px;
        margin-bottom: 4px;
        color: var(--black-color);
        transition: all 0.2s ease-in;
      }
      
      .result_container .result_firstline .result_firstline_firstrow .result_data:hover {
        color: var(--red-color);
      } 
    
      .result_container .result_firstline .result_firstline_firstrow .result_description {
        font-size: 21px;
        color: var(--black-color);
      }
    
      /* Second line */
      .result_container .result_secondline {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    
      }
    
      .result_container .result_secondline .result_secondline_secondrow {
        display: flex;
        flex-direction: column;
        width: 33%;
        margin-right: 40px;
      }
    
      .result_container .result_secondline .result_secondline_secondrow .result_data {
        font-size: 72px;
        margin-bottom: 4px;
        color: var(--black-color);
        transition: all 0.2s ease-in;
      }
    
      .result_container .result_secondline .result_secondline_secondrow .result_data:hover {
        color: var(--red-color);
      }
    
      .result_container .result_secondline .result_secondline_secondrow .result_description {
        font-size: 21px;
        color: var(--black-color);
      }
    
      .result_container .result_secondline .result_secondline_secondrow:nth-child() {
        display: flex;
        flex-direction: column;
        width: 33%;
      }
    
    
    /* Footer */
    
    .footer_container .footer_wrap {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      margin: 0px 180px;
      padding: 24px 0px;
    }
    
    .footer_container .footer_wrap .footer_title a {
      font-size: 20px;
      color: var(--black-color);
      text-decoration: none;
      transition: all 0.4s ease-in;
    }
    
    .footer_container .footer_wrap .footer_title a:hover {
      color: var(--red-color);
    }
    
    .footer_container .footer_wrap .footer_menu_wrap {
      display: flex;
      flex-direction: row;
      color: var(--black-color);
      align-items: center;
    }
    
    .footer_container .footer_wrap .footer_menu_wrap .footer_menu {
      color: var(--black-white);
      margin-left: 48px;
      margin-right: 16px;
    }
    .footer_container .footer_wrap .footer_menu_wrap .footer_menu_li {
      display: flex;
      flex-direction: row;
      list-style: none;
      align-items: center;
      margin-bottom: 0px;
      padding-left: 16px;
    }
    .footer_container .footer_wrap .footer_menu_wrap .footer_menu_li a {
      padding: 0px 16px;
      color: var(--black-color);
      text-decoration: none;
    }
    
    .footer_container .footer_wrap .footer_contact a {
      display: flex;
      flex-direction: row;
      color: var(--black-color);
      text-decoration: none;
      transition: all 0.4s ease-in;
    }
    
    .footer_container .footer_wrap .footer_contact a:hover {
      color: var(--red-color);
    }
    
    /* Mediaqueary */
    
    @media screen and (max-width: 1024px) {
    
      /* header */
    
      header .top_menu {
        display: none;
    }
    
    .top_menu_react_header .top_menu_react {
        display: flex;
        justify-content: space-between;
        margin-bottom: 0px;
    }
    
    
    
    .btn_menu_container_react {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100vw;
      height: 100vh;
      position: fixed;
      visibility: hidden;
      background-color: var(--white-color);
      opacity: 0;
      transition: opacity 0.3s ease, visibility 0.3s ease;
    }
    
    .btn_menu_container_react.openreact {
      opacity: 1;
      visibility: visible;
    }
    
    .btn_menu_container_react nav ul {
      text-decoration: none;
      list-style: none;
      text-align: center;
      margin-bottom: 40px;
    }
    
    .btn_menu_container_react nav ul a {
      color: var(--black-color);
      font-weight: 700;
      font-size: 120px;
      line-height: 120px;
      transition: all 0.2s ease-in;
    }
    
    .btn_menu_container_react nav ul a:hover {
      color: var(--red-color);
    }
    
    .btn_menu_container_react nav .contact_description {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    
    .btn_menu_container_react nav .contact_description .contact_mailandcall a {
      color: var(--black-color);
      font-size: 20px;
      transition: all 0.2s ease-in;
    }
      
    .btn_menu_container_react nav .contact_description .contact_mailandcall a:hover {
      color: var(--red-color);
    }
    .btn_menu_container_react nav .contact_description .language span a {
      color: var(--black-color);
      transition: all 0.2s ease-in;
      padding: 4px;
    }
    
    .btn_menu_container_react nav .contact_description .language span a:hover {
      color: var(--red-color);
    }
      
    
    
      .works #works_section_title_text {
          font-size: 34px;
          display: flex;
          justify-content: center;
          margin: 0px auto 20px auto;
      }
    
      /* footer */
    
      .footer_container .footer_wrap {
          display: flex;
          flex-direction: column;
          gap: 12px;
          padding: 40px 0px;
          margin: 0px;
      }
    
      .footer_container .footer_wrap .footer_menu_wrap {
          display: flex;
          flex-direction: column;
          margin: auto;
      }
    
      .footer_container .footer_wrap .footer_title a{
          font-size: 32px;
      }
    
      .footer_container .footer_wrap .footer_menu_wrap .footer_menu_li {
          display: flex;
          flex-direction: column;
          padding: 0px;
          margin-bottom: 12px;
      }
    
      .footer_container .footer_wrap .footer_menu_wrap .footer_menu_li a {
          font-size: 20px;
      }
    
      .footer_container .footer_wrap .footer_menu_wrap .footer_menu {
          margin: 0px;
          font-size: 24px;
          padding: 12px 0px;
      }
    
      .footer_container .footer_wrap .footer_contact {
          font-size: 18px;
      }
    
      .img_section {
        margin-bottom: 80px;
      }
    
      .design_overview_container {
        margin: 80px 20px;
      }
    
      .design_overview_container .design_overview {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 20px;
      }
    
      .design_overview_container .design_overview .overview_title {
        font-size: 30px;
        width: 33%;
      }
    
      .design_overview_container .design_overview .overview_description {
        font-size: 18px;
        width: 66%;
      }
    
      .challengeandsolution_container {
        margin: 0px 40px;
      }
    
      .challengeandsolution_container .challenge_and_solution {
        gap: 40px;
      }
    
      .challengeandsolution_container .challenge_and_solution .challenge_wrap .challenge_title {
        font-size: 32px;
      }
    
      .challengeandsolution_container .challenge_and_solution .solution_wrap .solution_title {
        font-size: 32px;
      }
    

      .sec_bi_part .bi_dsc_1st .bi_naming {
        display: flex;
        flex-direction: row;
        gap: 40px;
        justify-content: space-between;
        margin: 0px 0px;
    }


        /* result part */
        .result_container {
          margin: 80px 40px;
          display: flex;
          flex-direction: column;
        }
    
        .result_container .result_title {
          font-size: 32px;
          margin-bottom: 40px;
        }
    
        .result_container .result_firstline {
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          gap: 112px;
          width: 100%;
          margin-right: 0px;
        }
    
        .result_container .result_firstline .result_firstline_firstrow .result_data {
          font-size: 42px;
          margin-right: 0px;
        }
    
        .result_container .result_firstline .result_firstline_firstrow .result_description {
          font-size: 18px;
          margin-right: 0px;
        }
    
        .result_container .result_secondline {
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          width: 100%;
          margin-right: 0px;
        }
    
        .result_container .result_secondline .result_secondline_secondrow .result_data {
          font-size: 42px;
          margin-right: 0px;
        }
    
        .result_container .result_secondline .result_secondline_secondrow .result_description {
          font-size: 18px;
          margin-right: 0px;
        }
    
        
    }
    
    
    
    
    
    @media screen and (max-width: 768px) {
  
      .btn_menu_container_react nav ul a {
        font-size: 80px;
        line-height: 80px;
      }
    
      .btn_menu_container_react nav .contact_description .contact_mailandcall a {
        font-size: 18px;
      }
      
      .titleanddescription {
        height: auto;
        margin: 0px 20px;
        padding: 24px 24px;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }
      .titleanddescription .brand_name {
        font-size: 16px;
        margin: 240px 0px 0px 0px;
        color: var(--grey-light-color);
      }
      
      .titleanddescription .work_title {
        font-size: 32px;
        font-weight: 700;
        color: var(--grey-light-color);
        margin: 24px 0px;
      }
      .titleanddescription .work_description {
        font-size: 16px;
        max-width: 750px;
        color: var(--grey-light-color);
      }
      
      .img_section {
        display: flex;
        flex-direction: column;
        gap: 12px;
      }
    
      .img_section .img_firstline {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-bottom: 0px;
      }
    
      .img-wrapper_1 {
        margin-bottom: 0px;
      }
    
    
      .img-wrapper_1 img {
        margin-bottom: 0px;
      }
    
      .img_section .img_secondline {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-bottom: 0px;
      }
    
        /*design overview part*/
      .design_overview_container {
        margin: 80px 20px;
    
      }
      .design_overview_container .design_overview {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
      }
    
      .design_overview_container .design_overview .overview_title {
        font-size: 24px;
        width: 100%;
      }
    
      .design_overview_container .design_overview .overview_description {
        width: 100%;
      }
    
      /*challengeandsolution part */
    
      .challengeandsolution_container {
        margin: 0px 20px;
      }
      
      .challengeandsolution_container .challenge_and_solution .challenge_wrap .challenge_title {
        font-size: 24px;
      }
      .challengeandsolution_container .challenge_and_solution .solution_wrap .solution_title {
        font-size: 24px;
      }
    
      .challengeandsolution_container .challenge_and_solution .challenge_wrap .challenge_description {
        font-size: 18px;
      }
      .challengeandsolution_container .challenge_and_solution .solution_wrap .solution_description {
        font-size: 18px;
      }
      
      .challengeandsolution_container .challenge_and_solution {
        display: flex;
        flex-direction: column;
        gap: 80px;
        justify-content: center;
        align-items: center;
      }
      
      .challengeandsolution_container .challenge_and_solution .challenge_wrap {
        width: 100%;
      }
    
      .challengeandsolution_container .challenge_and_solution .solution_wrap {
        width: 100%;
      }
    
      .result_container {
        margin: 80px 20px;
        display: flex;
        flex-direction: column;
      }
    
      .result_container .result_title {
        font-size: 28px;
        margin-bottom: 20px;
      }
    
      .result_container .result_firstline {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        width: 100%;
        margin-right: 0px;
        gap: 12px;
      }
    
      .result_container .result_firstline .result_firstline_firstrow .result_data {
        font-size: 36px;
      }
    
      .result_container .result_firstline .result_firstline_firstrow .result_description {
        font-size: 15px;
        margin-right: 0px;
      }
    
      .result_container .result_secondline {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        width: 100%;
        gap: 12px;
        margin-right: 0px;
      }
    
      .result_container .result_secondline .result_secondline_secondrow {
        width: 33%;
        margin-right: 0px;
      }
    
      .result_container .result_secondline .result_secondline_secondrow .result_data {
        font-size: 36px;
        margin-right: 0px;
      }
    
      .result_container .result_secondline .result_secondline_secondrow .result_description {
        font-size: 15px;
        margin-right: 0px;
      }

    .sec_bi_part {
        margin: 80px 20px;
    }

    .sec_bi_part .bi_dsc .bi_dsc_title {
        font-size: 28px;
    }

    .sec_bi_part .bi_dsc_1st .bi_naming {
        display: flex;
        flex-direction: column;
        gap: 20px;
        justify-content: space-between;
    }

    .sec_bi_part .bi_dsc_1st .bi_naming .bi_naming_sec_wrap {
        width: 100%;
    }

    .sec_data_part {
        margin: 80px 20px;
    }

    .sec_data_part .data_dsc .data_dsc_title {
        font-size: 28px;
    }

    .sec_data_part .data_dsc_1st .data_sec_img_container {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-bottom: 12px;
    }

    .sec_data_part .data_dsc_1st .data_naming {
        display: flex;
        flex-direction: column;
    }

    .sec_data_part .data_dsc_1st .data_naming .data_naming_sec_wrap {
        width: 100%;
    }
}