.main-content .top {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
    min-height: 900px;
    overflow: hidden;
}
.main-content .top .about-top {
    margin-top: 6.77vw;
    margin-bottom: 6.77vw;
    width: 46.14vw;
    height: 11.71vw;
}
.main-content .top .slogan {
    font-size: 1.875vw;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 0.075vw;
    margin-bottom: 2.08vw;
}
.main-content .top .description {
    display: flex;
    gap: 4.16vw;
    width: 66.66vw;
    margin-bottom: 2.08vw;
    text-align: justify;
}
.main-content .top .description .en, .main-content .top .description .ko{
    display: flex;
    flex-direction: column;
    gap: 0.83vw;
}
.main-content .top .description .en p, .main-content .top .description .ko p{
    font-size:  0.729vw;
    line-height: 140%;
}

.main-content .top .description .en p .strong, .main-content .top .description .ko p .strong{
    font-weight: bold;
}

@media (max-width: 1201px)  {
    .main-content .top {
        min-height: unset;
        height: unset;
        justify-content: unset;
    }
    .main-content .top .about-top {
        margin-top: 19.32vw;
        margin-bottom: 5.36vw;
        width: 53.54vw;
        height: 14.47vw;
    }
    .main-content .top .slogan {
        font-size: 3.22vw;
        line-height: 140%;
        letter-spacing: 0.16vw;
        margin-bottom: 5.36vw;
    }
    .main-content .top .description {
        flex-direction: column;
        gap:  5.36vw;
        width: 95.71vw;
        margin-bottom: 10.72vw;
    }
    .main-content .top .description .en, .main-content .top .description .ko{
        flex-direction: column;
        gap: 2.14vw;
    }
    .main-content .top .description .en p, .main-content .top .description .ko p{
        font-size:  2.14vw;
    }

    .main-content .top .description .en p .strong, .main-content .top .description .ko p .strong{
        font-weight: bold;
    }
}

@media (max-width: 744px)  {
    .main-content .top .about-top {
        margin-top: 38.4vw;
        margin-bottom: 10.66vw;
        width: 91.46vw;
        height: 23.2vw;
    }
    .main-content .top .slogan {
        font-size: 6.4vw;
        letter-spacing: 0.32vw;
        margin-bottom: 10.66vw;
        text-align: center;
    }
    .main-content .top .description {
        gap:  10.66vw;
        width: 91.46vw;
        margin-bottom: 21.33vw;
    }
    .main-content .top .description .en, .main-content .top .description .ko{
        gap:4.26vw;
        
    }
    .main-content .top .description .en p, .main-content .top .description .ko p{
        font-size:  4.26vw;
        word-break: break-word;
    }

    .main-content .top .description .en p .strong, .main-content .top .description .ko p .strong{
        font-weight: bold;
    }
}


/* 코어벨류 */
.main-content .core-value{
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    padding-bottom: 2.08vw;
}

.main-content .core-value .simple-description{
    font-size:  0.83vw;
    line-height: 140%; 
    text-align: center;
    margin: 5.416vw 0 2.08vw;
}

.main-content .core-value .core-value-wrap{
    display: flex;
    height: 100%;
    max-height: 35.72vw;
}

.main-content .core-value .core-value-item{
    position: relative;
    height: 100%;

}
.main-content .core-value .core-value-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}
.main-content .core-value .core-value-item .core-value-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFF;
    font-size: 2.08vw;
    font-weight: bold;
    line-height: 100%;
}

.main-content .core-value .core-value-item .core-value-overlay{
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.6);
    opacity: 0;
    transform: scale(1);
    transition: opacity 420ms ease, transform 420ms ease;
    /* pointer-events: none; */
}

.main-content  .core-value .core-value-item .core-value-text{
    opacity: 0.9;
    transform: translate(-50%, -50%);
    transition: opacity 420ms ease, transform 420ms ease;
    z-index: 2;
}

.main-content .core-value .core-value-item:hover .core-value-overlay{
    opacity: 1;
    transform: translateY(0) scale(1);
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 140%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 7.08vw;
}

.main-content .core-value .core-value-item:hover .core-value-text{
    opacity: 0;
    transform: translate(-50%, -50%) translateY(0);
}

.main-content  .core-value .core-value-item:focus-within .core-value-overlay{
    opacity: 1;
    transform: translateY(0) scale(1);
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 140%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 7.08vw;
}
.main-content .core-value .core-value-item:focus-within .core-value-text{
    opacity: 1;
    transform: translate(-50%, -50%) translateY(0);
}


@media (max-width: 1201px) {
    .main-content .core-value{
        height: unset;
        justify-content: unset;
        padding-bottom: 10.73vw;
    }

    .main-content .core-value .simple-description{
        font-size:  2.14vw;
        text-align: center;
        margin: 10.73vw 0 5.36vw;
        padding: 0 2.14vw;
    }

    .main-content .core-value .core-value-wrap{
        height: unset;
        max-height: unset;
        flex-direction: column;
    }

    .main-content .core-value .core-value-item .core-value-text{
        font-size: 5.36vw;
    }

    .main-content .core-value .core-value-item:hover .core-value-overlay{
        font-size: 3.22vw;
    }

    .main-content  .core-value .core-value-item:focus-within .core-value-overlay{
        padding:unset;
    }
}
@media (max-width: 744px) {
    .main-content .core-value{
        padding-bottom: 21.33vw;
    }

    .main-content .core-value .simple-description{
        font-size:  4.26vw;
        margin: 21.33vw 0 10.66vw;
        padding: 0 4.26vw;
    }

    .main-content .core-value .core-value-item .core-value-text{
        font-size:10.66vw;
    }

    .main-content .core-value .core-value-item:hover .core-value-overlay{
        font-size: 6.4vw;
    }
}



/* 피플 */

.main-content .people{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100vh;
    padding: 5.416vw 4.16vw 2.08vw;
    justify-content: center;
    overflow: hidden;
}
.main-content .people .top-area{
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex: 0 0 auto;
    margin-bottom: 2.91vw;
}
.main-content .people .top-area h3{
    font-size: 2.08vw;
    font-weight: bold;
    line-height: 120%;
}

.main-content .people .main-area {
    width: 100%;
    flex: 1 1 auto;
    max-height: 33.95vw;
    overflow: hidden;
}

.main-content .people .people-layout{
  display: flex;
  gap: 3.125vw;          
  height: 100%;
}

.main-content .people .people-selector{
  width: 31.45vw;         
  max-height: 33.95vw;
  height: 100%;
  position: relative;
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-behavior: smooth;
}

.main-content .people .people-grid{
  display: grid;
  grid-template-columns: repeat(5, 5.625vw); 
  gap: 0.83vw;                               
  align-content: start;
}

.main-content .people .people-thumb{
  width: 5.625vw;
  height: 5.625vw;
  border: 0;
  padding: 0;
  border-radius: 0.52vw;
  overflow: hidden;
  background: rgba(0,0,0,0.1);
  cursor: pointer;
  display: block;
  opacity: 0.5;
  transition: opacity 600ms ease;
}

.main-content .people .people-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  display: block;
}

.main-content .people .people-thumb.is-active{
  opacity: 1;
}

.main-content .people .main-area .people-swiper {
    width: 57.08vw;
}

.main-content .people .main-area .people-swiper .swiper-wrapper .swiper-slide{
    display: flex;
}
.main-content .people .main-area .people-swiper .swiper-slide .people-img{
    width: 25vw;
    max-height: 33.95vw;
    background-color: rgba(0, 0, 0, 0.1);
    overflow: hidden;      
    margin-right: 3.125vw;      
    border-radius: 10px;
}

.main-content .people .main-area .people-swiper .swiper-slide .people-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;          
    object-position: center center;    
    display: block;
}
.main-content .people .main-area .people-swiper .swiper-slide .people-info{
    width: 28.95vw;
    display: flex;
    flex-direction: column;
    gap: 0.833vw;
    overflow-y: auto;
    max-height: 33.95vw;
    overscroll-behavior: contain;
    position: relative;
}

.main-content .people .main-area .people-swiper .swiper-slide .people-brief.history{
    font-size:0.729vw;
    line-height: 140%;
}
.main-content .people .main-area .people-swiper .swiper-slide .people-info .people-name{
    font-size: 1.66vw;
    font-weight: 700;
    line-height: 140%;
    display: flex;
    align-items: center;
    gap: 0.416vw;
    margin-bottom: 0.833vw;
}
.main-content .people .main-area .people-swiper .swiper-slide .people-info .people-position{
    font-size: 1.25vw;
    line-height: 140%;
    font-weight: normal;
}
.main-content .people .main-area .people-swiper .swiper-slide .people-works{
    font-size: 0.729vw;
    line-height: 140%;
}
.main-content .people .main-area .people-swiper .swiper-slide .people-works h4{
    font-weight: bold;
    margin-bottom: 0.416vw;
    font-size: 0.833vw;
}


.main-content .people .main-area .people-swiper .gradient{
  position: absolute;
  right: 0;
  bottom: -0.1px;
  width: 28.95vw;     
  height: 8.75vw;
  pointer-events: none;

  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    #fff 100%
  );

  opacity: 1;
  transition: opacity 600ms ease;
}

.main-content .people .main-area .people-swiper .gradient.is-hidden {
  opacity: 0;
}



@media (max-width: 1201px) {
    .main-content .people{
        height: unset;
        justify-content: unset;
        padding: 10.73vw 0;
    }
    .main-content .people .top-area{
        justify-content: center;
        margin-bottom: 5.36vw;
    }
    .main-content .people .top-area h3{
        font-size: 5.36vw;
    }

    .main-content .people .main-area {
        width: 100%;
        flex: unset;
        max-height: unset;
        overflow: unset;
    }

    .main-content .people .people-layout{
      flex-direction: column;
      gap: 5.36vw;          
    }

    .main-content .people .people-selector{
      width: 100%;         
      max-height: unset;
      overflow-y: unset;
      overflow-x: auto;
      overscroll-behavior: contain;
      scroll-behavior: smooth;
    }

    .main-content .people .people-grid{
      grid-template-columns: unset;
      grid-auto-flow: column;
      grid-auto-columns: 7.51vw;
      gap: 2.14vw;
      overflow-x: auto;
    }
    .main-content .people .people-thumb{
      width: 7.51vw;
      height: 7.51vw;
      border-radius: 10px;
    }

    .main-content .people .main-area .people-swiper {
        width: 88.05vw;
    }

    .main-content .people .main-area .people-swiper .swiper-wrapper .swiper-slide{
        flex-direction: column;
        gap: 5.36vw;
        align-items: center;
    }
    .main-content .people .main-area .people-swiper .swiper-slide .people-img{
        width: 53.69vw;
        max-height: unset;
        height: 53.69vw;
        margin-right: unset;
    }

    .main-content .people .main-area .people-swiper .swiper-slide .people-info{
        width: 100%;
        flex-direction: ROW;
        gap: 2.14vw;
        max-height: unset;
        height: 40.26VW;
        justify-content: center;
        overflow-y: unset;
    }


    .main-content .people .main-area .people-swiper .swiper-slide .people-brief.history{
        font-size:2.14vw;
        width: 42.95vw;
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .main-content .people .main-area .people-swiper .swiper-slide .people-info .people-name{
        margin-bottom: 2.14vw;
        font-size: 4.29vw;
        gap: 1.07vw;
    }
    .main-content .people .main-area .people-swiper .swiper-slide .people-info .people-position{
        font-size: 3.22vw;
    }
    .main-content .people .main-area .people-swiper .swiper-slide .people-works{
        font-size:2.14vw;
        width: 42.95vw;
        overflow-y: auto;
        overscroll-behavior: contain;
    }
    .main-content .people .main-area .people-swiper .swiper-slide .people-works h4{
        font-size:2.14vw;
        margin-bottom: 1.07vw;
    }


    .main-content .people .main-area .people-swiper .gradient{
      position: absolute;
      left: 0;
      bottom: -1px;
      width: 42.95vw;
      height: 8.75vw;
      pointer-events: none;
    
      background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0) 0%,
        #fff 100%
      );
    
      opacity: 1;
      transition: opacity 600ms ease;
    }

    .main-content .people .main-area .people-swiper .gradient.is-hidden {
      opacity: 0;
    }
    .main-content .people .main-area .people-swiper .gradient2{
      position: absolute;
      right: 0;
      bottom: -1px;
      width: 42.95vw;
      height: 8.75vw;
      pointer-events: none;
    
      background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0) 0%,
        #fff 100%
      );
    
      opacity: 1;
      transition: opacity 600ms ease;
    }

    .main-content .people .main-area .people-swiper .gradient2.is-hidden {
      opacity: 0;
    }


}
@media (max-width: 744px) {
    .main-content .people{
        padding: 0 0 21.33vw;
    }
    .main-content .people .top-area{
        margin-bottom: 10.66vw;
    }
    .main-content .people .top-area h3{
        font-size: 10.66vw;
    }

    .main-content .people .people-layout{
      gap: 10.66vw;       
    }

    .main-content .people .people-grid{
      grid-auto-columns: 14.93vw;
      gap: 4.26vw;
    }

    .main-content .people .people-thumb{
      width: 14.93vw;
      height:14.93vw;
    }

    .main-content .people .main-area .people-swiper {
        width: 91.46vw;
    }

    .main-content .people .main-area .people-swiper .swiper-wrapper .swiper-slide{
        gap: 10.66vw;
    }
    .main-content .people .main-area .people-swiper .swiper-slide .people-img{
        width: 100%;
        height: 106.66vw;
    }

    .main-content .people .main-area .people-swiper .swiper-slide .people-info{
        flex-direction: column;
        gap:4.26vw;
        height: unset;
    }


    .main-content .people .main-area .people-swiper .swiper-slide .people-brief.history{
        font-size: 4.26vw;
        width: 100%;
        overscroll-behavior: unset;
    }

    .main-content .people .main-area .people-swiper .swiper-slide .people-info .people-name{
        margin-bottom: 4.26vw;
        font-size: 8.53vw;
        gap: 2.13vw;
    }
    .main-content .people .main-area .people-swiper .swiper-slide .people-info .people-position{
        font-size: 6.4vw;
    }
    .main-content .people .main-area .people-swiper .swiper-slide .people-works{
        font-size: 4.26vw;
        width: 100%;
        overscroll-behavior: unset;
    }
    .main-content .people .main-area .people-swiper .swiper-slide .people-works h4{
        font-size: 4.26vw;
        margin-bottom: 2.13vw;
    }

}









.organization-cahrt{
    height: 100vh;
    padding-top: 5.416vw;
    padding-bottom: 2.08vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F4F4F4;;
}
.organization-cahrt img{
    max-width: 60.41vw;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.awards{
  height: 100vh;
  padding-top: 5.416vw;
  padding-bottom: 4.375vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background:
radial-gradient(55% 55% at 0% 0%, #E06E64 -300%, rgba(224,110,100,0) 70%),
radial-gradient(55% 55% at 100% 0%, #E06E64 -300%, rgba(224,110,100,0) 70%),
radial-gradient(55% 55% at 0% 100%, #E06E64 -300%, rgba(224,110,100,0) 70%),
radial-gradient(55% 55% at 100% 100%, #E06E64 -300%, rgba(224,110,100,0) 70%),
    #000;
}
.awards .title{
    font-size: 2.08vw;
    font-weight: 700;
    line-height: 120%;
    color: white;
    margin-bottom: 2.08vw;
}
.awards .awards-grid{
  display: grid;
  grid-template-columns: repeat(4, 14.6875vw); 
  column-gap: 1.25vw; 
  row-gap: 2.5vw;
  justify-content: center;
  align-content: center;
}
.awards .award-card{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 14.6875vw;
  height: 6.25vw;
  gap: 0.416vw;
}

.awards .award-card::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 2.1875vw;  
  height: 100%; 
  transform: translateY(-50%);
  background: url("../img/awards.svg") center/contain no-repeat;
  pointer-events: none;
}

.awards .award-card::after{
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 2.1875vw; 
  height: 100%; 
  transform: translateY(-50%) scaleX(-1);
  background: url("../img/awards.svg") center/contain no-repeat;
  pointer-events: none;
}

.awards .award-card .award-title{
  color: white;
  font-size: 0.729vw;
  text-align: center;
  line-height: 140%;
}
.awards .award-card .award-grade{
  color: white;
  font-size: 1.66vw;
  font-weight: bold;
  text-align: center;
  line-height: 100%;
}

.licenses{
     display: flex;
    flex-direction: column;
    height: 100vh;
    padding-top: 5.416vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F4F4F4;;
}
.licenses h3{
    font-size: 2.08vw;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 2.08vw;
}
.licenses .image-area{
    display:flex;
    flex-wrap:wrap;
    justify-content:center; 
    gap: 2.08vw;
    max-width: 45.83vw;
    margin: 0 auto;
}
.licenses .image-area .image-group{
    flex: 0 0 calc((45.83vw - 3*2.08vw)/4);
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 0.729vw;
    line-height: 1.4;
    gap: 0.83vw;
}
.licenses .image-area .image-group img{
    background: url(<path-to-image>) lightgray 0px 0px / 103.448% 103.535% no-repeat;
    box-shadow: 5.09px 5.09px 22.904px 0 rgba(0, 0, 0, 0.20);
}

section.history{
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding-top: 5.416vw;
    padding-bottom: 2.08vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;;
}
section.history h3{
    font-size: 2.08vw;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 2.08vw;
}

section.history .timeline{
  display: flex;
  flex-direction: column;
  gap: 2.5vw;
  overflow-y: auto;
}


section.history .timeline .timeline-item{
  display: flex;
  gap: 0.833vw;
}

section.history .timeline .timeline-item .timeline-year{
  font-size: 1.56vw;
  font-weight: bold;
  line-height: 1;
  width: 4.375vw;
}
section.history .timeline .timeline-item .timeline-dot{
  width: 0.46875vw;
  height: 0.46875vw;
  border: 1px solid #000; 
  background: #fff;       
  border-radius: 50%;
  box-sizing: border-box;
  margin-top: 0.546875vw;
  z-index: 1;
}
section.history .timeline .timeline-item .timeline-content{
  display: flex;
  flex-direction: column;
  gap: 0.416vw;
  padding-top: 0.26vw;
}
section.history .timeline .timeline-item .timeline-content p{
  font-size: 0.833vw;
  line-height: 1;
}
section.history .timeline .timeline-item .timeline-content p.bold{
  font-weight: bold;
}
section.history .timeline .line{
  position: absolute;
  width: 1px;
  height: calc(100% - 1.35vw);
  background-color: #000;
  top: 1.35vw;
  left: 5.416vw;
  z-index: 0;
}







@media (max-width: 1201px) {
    .organization-cahrt{
        height: unset;
        padding-top: 21.34vw;
        padding-bottom: 21.34vw;
    }
    .organization-cahrt img{
        max-width: 91.4vw;
    }
    .awards{
        height: unset;
        padding-top: 10.73vw;
        padding-bottom: 10.73vw;
    }
    .awards .title{
        font-size: 5.36vw;
        line-height: 140%;
        margin-bottom: 5.36vw;
    }
    .awards .awards-grid{
        grid-template-columns: repeat(2, 34.36vw); 
        column-gap: 5.36vw; 
        row-gap: 5.36vw;
    }
    .awards .award-card{
        width: 34.36vw;
        height: 11.27vw;
        gap: 1.07vw;
    }

    .awards .award-card::before{
        width: 3.75vw;  
    }

    .awards .award-card::after{
        width: 3.75vw; 
    }

    .awards .award-card .award-title{
      font-size: 2.14vw;
      line-height: 140%;
    }
    .awards .award-card .award-grade{
      font-size: 4.29vw;
      line-height: 100%;
    }

    .licenses{
        height: unset;
        padding-top: 10.73vw;
        padding-bottom: 10.73vw;
    }
    .licenses h3{
        font-size: 5.36vw;
        margin-bottom:5.36vw;
        width: 37vw;
        text-align: center;
    }
    .licenses .image-area{
        gap: 3.22vw;
        row-gap: 5.36vw;
        max-width: 87.07vw;
        margin: 0 auto;
    }
    .licenses .image-area .image-group{
        flex: 0 0 calc(( 87.07vw - 3.22vw)/2);
        font-size: 1.879vw;
        line-height: 1.4;
        gap: 2.14vw;
    }
    .licenses .image-area .image-group img{
        background: url(<path-to-image>) lightgray 0px 0px / 103.448% 103.535% no-repeat;
        box-shadow: 5.09px 5.09px 22.904px 0 rgba(0, 0, 0, 0.20);
    }

    section.history{
        height: unset;
        padding-top: 10.73vw;
        padding-bottom: 10.73vw;
    }
    section.history h3{
        font-size: 5.36vw;
        line-height: 140%;
        margin-bottom: 5.36vw;
    }

    section.history .timeline{
        gap: 10.73vw;
    }


    section.history .timeline .timeline-item{
      display: flex;
      gap: 2.14vw;
    }

    section.history .timeline .timeline-item .timeline-year{
      font-size: 4.29vw;
      width: 11.275vw;
      line-height: 1.4;
    }
    section.history .timeline .timeline-item .timeline-dot{
      width: 1.2vw;
      height: 1.2vw;
      border: 0.13vw solid #000; 
      margin-top: 2.416vw;
    }
    section.history .timeline .timeline-item .timeline-content{
      display: flex;
      flex-direction: column;
      gap: 1.07vw;
      padding-top: 2.14vw;
    }
    section.history .timeline .timeline-item .timeline-content p{
      font-size: 2.14vw;
    }
    section.history .timeline .line{
      position: absolute;
      width: 0.13vw;
      height: calc(100% - 2.416vw);
      background-color: #000;
      top: 2.416vw;
      left: 13.95vw;
      z-index: 0;
    }

}


@media (max-width: 744px) {
    .organization-cahrt{
        padding-top: 21.33vw;
        padding-bottom: 21.33vw;
    }
    .organization-cahrt img{
        max-width: 91.46vw;
    }
    .awards{
        padding-top:  21.33vw;
        padding-bottom: 21.33vw;
    }
    .awards .title{
        font-size: 10.66vw;
        margin-bottom:10.66vw;
    }
    .awards .awards-grid{
        grid-template-columns: repeat(1, 68.26vw); 
        column-gap:10.66vw;
        row-gap: 10.66vw;
    }
    .awards .award-card{
        width: 68.26vw;
        height: 22.4vw;
        gap: 2.13vw;
    }

    .awards .award-card::before{
        width: 7.46vw;  
    }

    .awards .award-card::after{
        width: 7.46vw; 
    }

    .awards .award-card .award-title{
      font-size: 4.26vw;
    }
    .awards .award-card .award-grade{
      font-size: 8.53vw;
    }

    .licenses{
        padding-top: 21.33vw;
        padding-bottom: 21.33vw;
    }
    .licenses h3{
        font-size: 10.66vw;
        margin-bottom:10.66vw;
        width: 78.13vw;
        text-align: center;
    }
    .licenses .image-area{
        gap: unset;
        row-gap: unset;
        max-width: 91.46vw;
        box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.10);
    }
    .licenses .image-area .image-group{
        flex: 0 0  91.46vw;
        font-size: 4.26vw;
        padding: 6.4vw;
        align-items: unset;
        background-color: white;
        font-weight: bold;
        border-bottom: 1px solid rgba(0, 0, 0, 0.20);
    }
    .licenses .image-area .image-group div{
        height: unset;
        display: flex;
        align-items: center;
        width: 90%;
        justify-content: center;
    }
    .licenses .image-area .image-group img{
        display: none;
    }

    section.history{
        padding-top: 21.33vw;
        padding-bottom: 21.33vw;
    }
    section.history h3{
        font-size: 10.66vw;
        margin-bottom: 10.66vw;
    }

    section.history .timeline{
        gap: 10.66vw;
        width: 91.46vw;
    }


    section.history .timeline .timeline-item{
      gap: 4.26vw;
      flex-direction: column;
      width: 100%;
    }

    section.history .timeline .timeline-item .timeline-year{
      font-size: 8.53vw;
      width: 100%;
    }
    section.history .timeline .timeline-item .timeline-dot{
      display: none;
    }
    section.history .timeline .timeline-item .timeline-content{
      display: flex;
      flex-direction: column;
      gap: 2.13vw;
      padding-top: unset;
    }
    section.history .timeline .timeline-item .timeline-content p{
      font-size: 4.26vw;
      line-height: 1.4;
    }
    section.history .timeline .line{
      display: none;
    }

}