@media (max-width: 1150px) {
  /* section .section-inner {
    padding: 0 24px;
  } */
  body section {
    margin-bottom: 120px;
  }

  #about #genestory {
    margin-bottom: 120px;
  }

  #about #genestory .sub-txt {
    display: block;
  }

  #about #genestory .box {
    width: 100%;
    margin: 0;
  }

  #about #genestory .box:nth-child(1) {
    margin-bottom: 24px;
  }

  #about .ci-inner {
    display: block;
  }

  #about .ci-inner > div {
    width: 100%;
  }

  #about .ci-inner > div:nth-child(1) {
    margin-bottom: 16px;
  }

  #about #ci .main-txt {
    padding-left: 0;
  }

  #about #ceo .imageBox {
    padding-right: 7%;
  }

  #about #ceo .main-txt {
    padding-left: 0;
  }

  #about #ceo .main-txt p {
    font-size: 16rem;
    line-height: 24px;
  }

  #about #team .team-con > div:nth-child(2) {
    margin: 0 4%;
  }

  #about .history .year h6 {
    font-size: 80rem;
  }

  #newsroom section {
    margin-bottom: 160px;
  }

  #detail #genestory {
    margin-bottom: 60px;
  }

  /* #product #leftBar,
  #prodcut #rightBar {
    display: none;
  } */

  #product .product-gnb .sub-txt {
    /* display: block; */
  }

  #contact section .section-inner {
    padding: 0;
  }

  #contact .contact-inner {
    display: block;
  }

  #contact .contact-inner > div {
    width: 100%;
    height: calc(100vh / 2);
    position: relative;
  }

  #contact #contactSec .main-txt {
    position: static !important;
    transform: translate(0, 0);
    padding-top: 94px !important;
    padding: 0 24px;
  }

  #contact #contactSec .main-txt h4 {
    margin-bottom: 40px;
  }

  #contact #contactSec .main-txt p {
    font-size: 30rem;
  }

  #contact #contactSec .sub-txt:nth-child(4) {
    margin-top: 36px;
  }

  #contact .map iframe {
    position: relative;
  }

  #contact .map .desc {
    height: fit-content;
    top: 0;
  }
}

@media (max-width: 767px) {
  body {
    font-size: 14rem !important;
  }

  body section {
    margin-bottom: 80px;
  }

  #main .main-title h2 {
    /* font-size: 60rem; */
  }

  #main .main-title h3 {
    /* font-size: 48rem; */
  }

  /* Main */
  #main-bg::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
  }

  #about #genestory .genestory-bg {
    height: 240px;
  }

  .genestory-inner {
    padding: 104px 0 0;
  }

  #about #genestory .main-txt {
    width: 100%;
    margin-bottom: 40px;
  }

  #about #genestory .main-txt b {
    display: block;
    font-size: 14rem;
    line-height: 100%;
    font-weight: 400;
    margin-bottom: 8px;
  }

  #genestory .main-txt span {
    height: 40px;
  }

  #about #genestory .box {
    margin: 0 !important;
    padding: 48px 40px;
  }

  #about #genestory .box:first-child {
    margin-bottom: 24px !important;
  }

  #about #genestory .box b {
    font-size: 28rem;
    line-height: 32px;
  }

  #about #genestory .box p {
    font-size: 16rem;
    line-height: 20px;
  }

  #about #ci .main-txt {
    padding-left: 0;
  }

  #about #ceo .imageBox {
    padding: 0;
    margin: 16px 0;
  }

  #about .main-txt h4 {
    font-size: 32rem;
    margin-bottom: 16px;
  }

  #about #ceo .main-txt b {
    font-size: 20rem;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 4px;
  }

  #ceo .main-txt h4 {
    margin-bottom: 0;
    line-height: 40px;
  }

  #ceo .ceo-inner,
  #about .ci-inner,
  #about .team-con,
  #about #history .box {
    display: block;
  }

  #about .ci-inner > div,
  #about .team-con > div,
  #about #history .box > div,
  #about #history .box ul {
    width: 100%;
    margin: 0;
  }

  #about #ci {
    padding-top: 0;
  }

  #about #ci .main-txt p {
    margin-bottom: 16px;
    line-height: 24px;
  }

  #about .team-con > div:nth-child(2) {
    margin: 0;
  }

  #about .team-con .sub-txt {
    margin-bottom: 56px;
  }

  #about #team .team-con > div:nth-child(2) {
    margin: 0;
  }

  #about .team-con > div:last-child .sub-txt {
    margin: 0;
  }

  .team-con .sub-txt b {
    font-size: 20rem;
  }

  #product .genaviDesc .leftCon {
    width: 100vw;
  }

  #about #history {
    margin-bottom: 40px;
  }

  #about #history .box {
    padding: 48px 24px 80px;
  }

  #about #history .section-inner .box:nth-child(2) {
    margin-bottom: 16px;
  }

  #about #history .year h6 {
    font-size: 96px;
    margin-bottom: 40px;
  }

  #newsroom section {
    margin-bottom: 80px;
  }

  #newsroom #contents {
    margin: 0 30px;
  }

  #newsroom .genestory-bg {
    height: 240px;
  }

  #newsroom #genestory .main-txt span {
    height: 20px;
  }

  #newsroom #genestory .main-txt {
    width: 100%;
    margin-bottom: 40px;
  }

  #newsroom #genestory .main-txt b {
    display: block;
    font-size: 40rem;
    line-height: 100%;
    font-weight: 400;
    margin-bottom: 8px;
  }

  #newsroom .posts-container {
    row-gap: 40px;
  }

  #detail #genestory {
    margin-bottom: 50px;
  }

  #detail .genestory-inner {
    padding: 104px 20px 0;
  }

  #detail #genestory .main-txt p {
    height: 24px;
  }

  #detail #genestory .main-txt {
    width: 100%;
    margin-bottom: 40px;
  }

  #detail #genestory .main-txt .title {
    display: block;
    font-size: 32rem;
    line-height: 100%;
    margin-bottom: 8px;
  }

  #detail .post-script {
    display: block;
    padding-bottom: 60px;
    margin-bottom: 25px;
    border-style: none none solid none;
    line-height: 20px;

    img {
      width: 100%;
      object-fit: contain;
      margin-bottom: 20px;
    }
  }

  #product section .section-inner {
    padding: 0 !important;
  }

  #product .genaviMain .main-title {
    /* display: block; */
  }

  #contact .contact-inner > div:nth-child(1) {
    height: 40vh;
  }

  #contact .contact-inner > div:nth-child(2) {
    height: 60vh;
  }

  #contact #contactSec .main-txt h4 {
    font-size: 48rem;
  }

  #contact #contactSec b {
    font-size: 14rem;
    line-height: 16px;
    margin-bottom: 4px;
  }

  #contact #contactSec .main-txt p {
    font-size: 20rem;
    line-height: 24px;
  }

  #contact #contactSec .sub-txt:nth-child(4) {
    margin-top: 24px;
  }

  #contact #contactSec .desc p {
    font-size: 16rem;
  }

  #contact .contact-inner > div {
    height: 50vh !important;
  }

  #contact .map .desc {
    width: 228px;
    height: fit-content;
    padding: 24px;
  }

  #contact .map .desc p {
    font-size: 16rem;
  }
}