/*----------------------custom-css-연혁------------------*/

.history .table-row {
    width: 100%;
    border-top: 1px solid #03030340;
    padding: 16px 0 32px;
    font-size: 20px;
    color: var(--basic-black);
}
.history .title {
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    font-weight: 400;
    color: var(--primary-color);
    font-size:56px;
    line-height: 1.2;
    letter-spacing: -2px;
  }
.history .title hr {
    width: 10vw;
    height: 1px;
    background: var(--primary-color);
    margin:0 12px;
  }
span.title-L {
    display: flex;
    align-items: center;
}
.tabs.-with-button .tabs-nav {
    gap: 8px;
    margin-bottom:40px;
    padding: 8px 0;
    background-color: #ffffff00;
}  

.tabs.-with-button .tabs-nav-link {
    border-radius: 500px;
    min-height: unset;
    height:28px;
    background-color: #1759a35c;
}

.tabs.-with-button .tabs-nav-line {
    height: 28px;
    background-color: var(--primary-color);
    border-radius: 500px !important;
    top: 8px;
}
ul.tabs-nav.-unlist.titles-typo.title::-webkit-scrollbar {
    display: none;
}
.history-img {
    width: 40%;
    max-width: 350px;
    min-width: 250px ;
    height: auto;
    aspect-ratio: 16 / 9;
    background-size: cover;
    background-position: center;
    border-radius: 4px;
    margin-top:8px;
}
@media screen and (min-width: 1200px) {
  span.title-L {
    width:20%;
  }
}

@media screen and (min-width: 769px) {
  .history .table-row {
    display: flex;
  }  
  .history .row-left {
      width: 20%;
  }
  .history .row-right {
    width: 80%;
  }
}

@media screen and (max-width: 768px) {
  .history-img {
    width: calc(100% - var(--mo-LR-padding));
  }  
  .history-sec .inner-wrap {
      padding-right: 0 !important;
  }
  .history .table-row {
      font-size: 18px;
  }
  .history-sec .e-con>.e-con-inner {
    padding-right: 0 !important;
}
  .history .table-row {
    padding:12px 0 32px !important;
  }
.history .title {
    font-size:40px;
    margin-bottom:24px;
  }
  .tabs.-with-button .tabs-nav {
    margin-bottom:8px !important;
  }
}

/*----------------------//custom-css-연혁------------------*/