.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.625vw;
    line-height: 1.4;
}

.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:  10.73vw;
        width: 95.71vw;
        margin-bottom: 10.72vw;
    }
    .main-content .top .description .en, .main-content .top .description .ko{
        flex-direction: column;
        gap: 1.07vw;
    }
    .main-content .top .description .en p, .main-content .top .description .ko p{
        font-size:  2.14vw;
        line-height: 1;
    }

    .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: 3.2vw;
        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:  3.73vw;
        word-break: break-word;
        line-height: 130%;
    }

    .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.833vw;
    text-align: center;
    margin: 5.416vw 0 2.08vw;
    line-height: 1.4;
}

.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: 1.875vw;
    font-weight: bold;
    line-height: 1.4;
}

.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;

    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;
    box-sizing: border-box;
}

.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,
.main-content .core-value .core-value-item:focus-within .core-value-overlay{
    opacity: 1;
    /* transform: translateY(0) scale(1); */
}

.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-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;
        line-height: 1;
        text-align: center;
        margin: 0 0 5.36vw;
        padding: 0 2.14vw;
        text-align: justify;
    }

    .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 .core-value-overlay{
        font-size: 3.22vw;
        padding:unset;
    }

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

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

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

    .main-content .core-value .core-value-item .core-value-overlay{
        font-size: 3.73vw;
        line-height: 1.3;
    }
}



/* 피플 */

.main-content .people{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    padding: 3.54vw 4.16vw 4.16vw 4.16vw;
    overflow: hidden;
}
.main-content .people .top-area{
    display: flex;
    justify-content: flex-start;
    width: 100%;
    flex: 0 0 auto;
    margin-bottom: 4.16vw;
}
.main-content .people .top-area h3{
    font-size: 1.875vw;
    font-weight: bold;
    line-height: 1.4;
}

.main-content .people .main-area {
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

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

.main-content .people .people-selector{
    order: 2;
    width: min(25vw, 480px);
    min-width: 320px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    position: relative;
}

.main-content .people .people-dropdown-toggle{
    display: none;
}

.main-content .people .people-dropdown-panel{
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
    overscroll-behavior: contain;
    scroll-behavior: smooth;
    padding-right: 1.04vw;
}

.main-content .people .people-grid{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1.25vw;
}

.main-content .people .people-thumb{
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.3);
    font-size: 1.04vw;
    font-weight: 700;
    line-height: 1;
    text-align: right;
    white-space: nowrap;
    transition: color 300ms ease, font-size 300ms ease;
}

.main-content .people .people-thumb.is-active{
    color: #000;
    font-size: 1.25vw;
}

.main-content .people .main-area .people-swiper {
    order: 1;
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
}

.main-content .people .main-area .people-swiper .swiper-wrapper .swiper-slide{
    display: flex;
    height: 100%;
}
.main-content .people .main-area .people-swiper .swiper-slide .people-img{
    display: none;
}

.main-content .people .main-area .people-swiper .swiper-slide .people-img img{
    display: none;
}
.main-content .people .main-area .people-swiper .swiper-slide .people-info{
    width: 100%;
    display: block;
    overflow: hidden;
    overscroll-behavior: contain;
    position: relative;
}

.main-content .people .main-area .people-swiper .swiper-slide .people-detail-wrap{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 4.16vw;
    align-items: start;
    height: calc(100% - 6.66vw);
    display: flex;
}

.main-content .people .main-area .people-swiper .swiper-slide .people-brief.history{
    font-size:0.833vw;
    line-height: 140%;
    overflow-y: auto;
    max-height: 100%;
    padding-right: 0.52vw;
    width: fit-content;
    max-width: 100%;
}

.main-content .people .main-area .people-swiper .swiper-slide .people-brief.history .people-history-rich p,
.main-content .people .main-area .people-swiper .swiper-slide .people-brief.history .people-history-rich li,
.main-content .people .main-area .people-swiper .swiper-slide .people-brief.history .people-history-rich div {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
}

.main-content .people .main-area .people-swiper .swiper-slide .people-brief.history .people-history-rich ul,
.main-content .people .main-area .people-swiper .swiper-slide .people-brief.history .people-history-rich ol {
    margin: 0;
    padding-left: 1.1em;
}

.main-content .people .main-area .people-swiper .swiper-slide .people-brief.history .people-history-rich h4 {
    margin: 0.2em 0;
    font-size: 1.1em;
    font-weight: 700;
}

.main-content .people .main-area .people-swiper .swiper-slide .people-brief.history .people-history-rich .line {
    border-top: 1px solid #CBD5E1;
    margin: 0.6em 0;
}
.main-content .people .main-area .people-swiper .swiper-slide .people-info .people-name{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 2.08vw;
}
.main-content .people .main-area .people-swiper .swiper-slide .people-info .people-position{
    display: block;
    order: 1;
    font-size: 1.25vw;
    line-height: 140%;
    font-weight: 600;
    margin-bottom: 0.83vw;
}
.main-content .people .main-area .people-swiper .swiper-slide .people-info .people-name-text{
    display: block;
    order: 2;
    font-size: 3.33vw;
    line-height: 1;
    font-weight: 700;
}
.main-content .people .main-area .people-swiper .swiper-slide .people-works{
    font-size: 0.833vw;
    line-height: 140%;
    overflow-y: auto;
    max-height: 100%;
    padding-right: 0.52vw;
    width: fit-content;
    max-width: 100%;
}
.main-content .people .main-area .people-swiper .swiper-slide .people-works h4{
    font-weight: 600;
    margin-bottom: 1.25vw;
    font-size: 1.25vw;
}


.main-content .people .main-area .people-swiper .gradient{
  position: absolute;
  left: 0;
  bottom: -0.1px;
  width: calc(50% - 1.56vw);
  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: -0.1px;
    width: calc(50% - 1.56vw);
    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: 1201px) {
    .main-content .people{
        height: unset;
        justify-content: unset;
        padding: 10.73vw 5.36vw;
    }
    .main-content .people .top-area{
        justify-content: center;
        margin-bottom: 8.05vw;
    }
    .main-content .people .top-area h3{
        font-size: 5.36vw;
    }

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

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

    .main-content .people .people-selector{
            order: 1;
      width: 100%;         
            min-width: 0;
      max-height: unset;
            align-items: center;
            justify-content: flex-start;
        }

        .main-content .people .people-dropdown-panel{
            width: 100%;
            overflow-x: auto;
            overflow-y: hidden;
            padding-right: 0;
    }

    .main-content .people .people-grid{
            flex-direction: row;
            align-items: center;
            justify-content: center;
            gap: 3.22vw;
            min-width: max-content;
            margin: 0 auto;
    }
    .main-content .people .people-thumb{
            font-size: 2.55vw;
    }
        .main-content .people .people-thumb.is-active{
            font-size: 3.22vw;
        }

    .main-content .people .main-area .people-swiper {
                order: 2;
                width: 100%;
    }

    .main-content .people .main-area .people-swiper .swiper-wrapper .swiper-slide{
        align-items: center;
    }

    .main-content .people .main-area .people-swiper .swiper-slide .people-info{
                width: min(89.24vw, 664px);
                display: block;
        max-height: unset;
                height: auto;
                overflow: visible;
    }

    .main-content .people .main-area .people-swiper .swiper-slide .people-detail-wrap{
        display: block;
        height: auto;
    }


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

    .main-content .people .main-area .people-swiper .swiper-slide .people-info .people-name{
                margin-bottom: 5.36vw;
    }
    .main-content .people .main-area .people-swiper .swiper-slide .people-info .people-position{
        font-size: 3.22vw;
                margin-bottom: 2.14vw;
        }
        .main-content .people .main-area .people-swiper .swiper-slide .people-info .people-name-text{
                font-size: 8.59vw;
    }
    .main-content .people .main-area .people-swiper .swiper-slide .people-works{
        font-size:2.14vw;
                width: 100%;
                margin-top: 5.36vw;
        overflow-y: auto;
        overscroll-behavior: contain;
    }
    .main-content .people .main-area .people-swiper .swiper-slide .people-works h4{
                font-size:3.22vw;
                margin-bottom: 2.14vw;
    }


    .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 4.26vw 21.33vw;
    }
    .main-content .people .top-area{
        margin-bottom: 10.66vw;
    }
    .main-content .people .top-area h3{
        font-size: 8.53vw;
    }

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

        .main-content .people .people-selector{
            align-items: stretch;
    }

        .main-content .people .people-dropdown-toggle{
            display: flex;
            width: 100%;
            align-items: center;
            justify-content: center;
            gap: 6.4vw;
            padding: 0 4.26vw;
            border: 0;
            background: transparent;
            font-size: 5.33vw;
            font-weight: 700;
            color: #000;
            line-height: 1;
        }

        .main-content .people .people-dropdown-value{
            display: inline-block;
            white-space: nowrap;
        }

        .main-content .people .people-dropdown-icon{
            display: inline-block;
            width: 3.73vw;
            height: 3.73vw;
            border-right: 2px solid #000;
            border-bottom: 2px solid #000;
            transform: rotate(45deg) translateY(-15%);
            transform-origin: center;
            transition: transform 200ms ease;
        }

        .main-content .people .people-selector.is-open .people-dropdown-icon{
            transform: rotate(-135deg) translateY(-10%);
        }

        .main-content .people .people-dropdown-panel{
            display: none;
            margin-top: 6.93vw;
            max-height: 57.6vw;
            overflow-y: auto;
            overflow-x: hidden;
            background: rgba(0, 0, 0, 0.05);
            border-radius: 10px;
            padding: 6.4vw 4.26vw;
        }

        .main-content .people .people-selector.is-open .people-dropdown-panel{
            display: block;
        }

        .main-content .people .people-grid{
            flex-direction: column;
            align-items: center;
            gap: 4.26vw;
            min-width: 0;
            margin: 0;
        }

        .main-content .people .people-thumb,
        .main-content .people .people-thumb.is-active{
            font-size: 4.26vw;
            color: rgba(0, 0, 0, 0.3);
            text-align: center;
        }

        .main-content .people .people-thumb.is-active{
            color: #000;
    }

    .main-content .people .main-area .people-swiper {
                width: 100%;
    }

    .main-content .people .main-area .people-swiper .swiper-slide .people-info{
                width: 100%;
                max-width: 100%;
    }

    .main-content .people .main-area .people-swiper .swiper-slide .people-detail-wrap{
        display: block;
    }


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

    .main-content .people .main-area .people-swiper .swiper-slide .people-info .people-name{
                margin-bottom: 5.33vw;
    }
    .main-content .people .main-area .people-swiper .swiper-slide .people-info .people-position{
        font-size: 4.8vw;
        margin-bottom: 2.13vw;
    }
    .main-content .people .main-area .people-swiper .swiper-slide .people-info .people-name-text{
        font-size: 8.53vw;
    }
    .main-content .people .main-area .people-swiper .swiper-slide .people-works{
        font-size: 3.73vw;
        width: 100%;
        max-height: unset;
        margin-top: 10.66vw;
        overscroll-behavior: unset;
    }
    .main-content .people .main-area .people-swiper .swiper-slide .people-works h4{
        font-size: 5.33vw;
        margin-bottom: 2.13vw;
    }

        .main-content .people .main-area .people-swiper .gradient,
        .main-content .people .main-area .people-swiper .gradient2{
            width: 100%;
            left: 0;
            right: auto;
            height: 14.93vw;
        }

        .main-content .people .main-area .people-swiper .gradient2{
            display: none;
        }

}









.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;
}

.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: 1.875vw;
    font-weight: 700;
    line-height: 1.4;
    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;
    text-align: center;
    overflow-y: auto;
    padding-bottom: 2.08vw;
}
.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.625vw;
    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;
    min-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: 1.875vw;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 2.08vw;
}

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


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

section.history .timeline .timeline-item .timeline-year{
  font-size: 1.25vw;
  font-weight: bold;
  line-height: 1;
  width: 3.75vw;
  margin-top: 0.15625vw;
}
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.625vw;
}
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: 4.791vw;
  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{
        display: flex;
        flex-wrap: wrap;
        width: min(100%, 74.08vw);
        margin: 0 auto;
        gap: 5.36vw;
        justify-content: center;
        align-content: flex-start;
    }
    .awards .award-card{
        width: 34.36vw;
        height: 11.27vw;
        gap: 1.07vw;
        padding: 0 3.75vw;
    }

    .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;
        line-height: 1.4;
    }
    .licenses .image-area{
        gap: 3.22vw;
        row-gap: 5.36vw;
        max-width: 87.07vw;
        margin: 0 auto;
        overflow-y: unset;
        padding-bottom: unset;
    }
    .licenses .image-area .image-group{
        flex: 0 0 calc(( 87.07vw - 3.22vw)/2);
        font-size: 1.879vw;
        line-height: 1;
        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;
      max-width: 58.79vw;
    }
    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: 8.53vw;
        margin-bottom:10.66vw;
    }
    .awards .awards-grid{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin: 0 auto;
        gap: 10.66vw;
        justify-content: center;
        align-content: flex-start;
    }
    .awards .award-card{
        width: 68.26vw;
        height: 22.4vw;
        gap: 2.13vw;
        padding: 0 7.46vw;
    }

    .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: 8.53vw;
        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: 3.73vw;
        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;
        text-align: start;
    }
    .licenses .image-area .image-group img{
        display: none;
    }

    section.history{
        padding-top: 21.33vw;
        padding-bottom: 21.33vw;
    }
    section.history h3{
        font-size: 8.53vw;
        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%;
    }
    /* 20260807 32-> 24 */
    section.history .timeline .timeline-item .timeline-year{
      font-size: 6.4vw;
      width: 100%;
      line-height: 1;
    }
    section.history .timeline .timeline-item .timeline-dot{
      display: none;
    }
    section.history .timeline .timeline-item .timeline-content{
      display: flex;
      flex-direction: column;
      gap: unset;
      padding-top: unset;
      max-width: 100%;
    }
    section.history .timeline .timeline-item .timeline-content p{
      font-size: 3.73vw;
      line-height: 1.3;
    }
    section.history .timeline .line{
      display: none;
    }

}

/* =========================
 * People - API list mode
 * ========================= */
.main-content .people .people-full-list {
    display: none;
}

.main-content .people.people--mode-list {
    height: 100vh;
    overflow: hidden;
    padding: 3.54vw 4.16vw 3.2vw;
}

.main-content .people.people--mode-list .top-area {
    margin-bottom: 1.66vw;
}

.main-content .people.people--mode-list .main-area {
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.main-content .people.people--mode-list .people-layout {
    display: block;
    height: 100%;
}

/* list mode에서는 기존 selector / swiper 제거 */
.main-content .people.people--mode-list .people-selector,
.main-content .people.people--mode-list .people-swiper {
    display: none !important;
}

/* 리스트 전체 컨테이너 */
.main-content .people.people--mode-list .people-full-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: stretch;
    column-gap: 2.08vw;
    row-gap: 0;

    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    /* overscroll-behavior: contain; */
    padding-right: 0.52vw;
    scroll-behavior: smooth;

    border-top: 1px solid rgba(0, 0, 0, 0.14);
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}

/* PC에서는 row wrapper를 사용하지 않지만, 혹시 남아 있어도 레이아웃을 깨지 않게 처리 */
.main-content .people.people--mode-list .people-full-list[data-layout="auto"] .people-full-row {
    display: contents;
}

/* PC: 카드가 고정 3열이 아니라 내용 기반 폭으로 배치됨 */
.main-content .people.people--mode-list .people-full-list[data-layout="auto"] .people-full-card {
    flex: 0 1 auto;
    width: fit-content;
    min-width: 11.5vw;
    max-width: 16vw;
    box-sizing: border-box;
}

/* 행 단위 3열 */
.main-content .people.people--mode-list .people-full-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 0 2.08vw;
    border-top: 1px solid rgba(0, 0, 0, 0.14);
}

.main-content .people.people--mode-list .people-full-row:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
}

/* 개별 카드에는 선을 주지 않음 */
.main-content .people.people--mode-list .people-full-card {
    display: grid;
    grid-template-columns: 1fr;
    align-content: start;
    gap: 0.52vw;
    min-width: 0;
    padding: 0.83vw 0;
    border: 0;
    box-shadow: none;
}

/* 카드 헤더: 이름 + 직함 한 줄 압축 */
.main-content .people.people--mode-list .people-full-card__head {
    display: flex;
    align-items: baseline;
    gap: 0.52vw;
    min-width: 0;
}

/* 이름 */
.main-content .people.people--mode-list .people-full-card__name {
    order: 1;
    display: block;
    flex: 0 0 auto;
    font-size: 0.833vw;
    line-height: 1.1;
    font-weight: 700;
    color: #000;
    word-break: keep-all;
    white-space: nowrap;
}

/* 직함 */
.main-content .people.people--mode-list .people-full-card__position {
    order: 2;
    display: block;
    min-width: 0;
    font-size: 0.625vw;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.62);
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 본문은 카드 내부에서 세로 압축 */
.main-content .people.people--mode-list .people-full-card__body {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.52vw;
    min-width: 0;
}

.main-content .people.people--mode-list .people-full-card__history,
.main-content .people.people--mode-list .people-full-card__works {
    min-width: 0;
    font-size: 0.625vw;
    line-height: 1.4;
}

.people-full-card__history :is(p, div):has(> br:last-child),
.people-full-card__history :is(p, div):has(> :last-child > br:last-child) {
  height: 0.416vw;
}

.main-content .people.people--mode-list .people-full-card__works{
    display: flex;
    flex-direction: column;
    gap: 0.416vw;
}

/* Rich HTML 초기화 */
.main-content .people.people--mode-list .people-full-card__history p,
.main-content .people.people--mode-list .people-full-card__history li,
.main-content .people.people--mode-list .people-full-card__history div,
.main-content .people.people--mode-list .people-full-card__works p {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
}

.main-content .people.people--mode-list .people-full-card__history ul,
.main-content .people.people--mode-list .people-full-card__history ol {
    margin: 0;
    padding-left: 1.5em;
}

.main-content .people.people--mode-list .people-full-card__history h4 {
    margin: 0.12em 0;
    font-size: 1em;
    line-height: inherit;
    font-weight: 700;
}

.main-content .people.people--mode-list .people-full-card__history .line {
    border-top: 1px solid #CBD5E1;
    margin: 0.24em 0;
}

/* 주요 작품 */
.main-content .people.people--mode-list .people-full-card__works h4 {
    margin: 0 0 0.2vw;
    font-size: 0.625vw;
    font-weight: 700;
}

@media (max-width: 1201px) {
    .main-content .people.people--mode-list {
        height: unset;
        overflow: visible;
        padding: 10.73vw 5.36vw;
    }

    .main-content .people.people--mode-list .top-area {
        justify-content: center;
        margin-bottom: 5.36vw;
    }

    .main-content .people.people--mode-list .top-area h3 {
        font-size: 5.36vw;
        line-height: 140%;
    }

    .main-content .people.people--mode-list .main-area {
        width: 100%;
        flex: unset;
        min-height: unset;
        overflow: visible;
    }

    .main-content .people.people--mode-list .people-layout {
        height: auto;
    }

    .main-content .people.people--mode-list .people-full-list {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
        overflow: visible;
        padding-right: 0;
        margin: 0 auto;
    }

    /* Tablet: 2열 행 단위 */
    .main-content .people.people--mode-list .people-full-row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        gap: 0 4.29vw;
        border-top: 1px solid rgba(0, 0, 0, 0.16);
    }

    .main-content .people.people--mode-list .people-full-row:last-child {
        border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    }

    .main-content .people.people--mode-list .people-full-card {
        display: grid;
        grid-template-columns: 1fr;
        align-content: start;
        gap: 1.07vw;
        padding: 3.22vw 0;
        border: 0;
        box-shadow: none;
        min-width: 0;
    }

    .main-content .people.people--mode-list .people-full-card__head {
        display: flex;
        align-items: baseline;
        gap: 1.07vw;
        min-width: 0;
    }

    .main-content .people.people--mode-list .people-full-card__name {
        order: 1;
        display: block;
        flex: 0 0 auto;
        font-size: 3.22vw;
        line-height: 1.4;
        font-weight: 700;
        white-space: nowrap;
        word-break: keep-all;
    }

    .main-content .people.people--mode-list .people-full-card__position {
        order: 2;
        display: block;
        min-width: 0;
        font-size: 2.14vw;
        line-height: 1;
        font-weight: 600;
        color: rgba(0, 0, 0, 0.68);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .main-content .people.people--mode-list .people-full-card__body {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1.07vw;
        min-width: 0;
    }

    .main-content .people.people--mode-list .people-full-card__history,
    .main-content .people.people--mode-list .people-full-card__works {
        font-size: 2.14vw;
        line-height: 1;
    }
    .people-full-card__history :is(p, div):has(> br:last-child),
    .people-full-card__history :is(p, div):has(> :last-child > br:last-child) {
      height: 1.07vw;
    }

    .main-content .people.people--mode-list .people-full-card__works{
        display: flex;
        flex-direction: column;
        gap: 1.07vw;
    }
    .main-content .people.people--mode-list .people-full-card__works h4 {
        font-size: 2.14vw;
        line-height: 1;
    }

    .main-content .people.people--mode-list .people-full-card__history .line {
        margin: 0.45em 0;
    }
}

@media (max-width: 744px) {
    .main-content .people.people--mode-list .people-full-row {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .main-content .people.people--mode-list {
        padding: 0 4.26vw 21.33vw;
    }

    .main-content .people.people--mode-list .top-area {
        margin-bottom: 8.53vw;
    }

    .main-content .people.people--mode-list .top-area h3 {
        font-size: 8.53vw;
        line-height: 120%;
    }

    .main-content .people.people--mode-list .people-full-list {
        width: 100%;
    }

    .main-content .people.people--mode-list .people-full-card {
        grid-template-columns: 1fr;
        gap: 4.26vw;
        padding: 6.4vw 0;
    }

    .main-content .people.people--mode-list .people-full-card__head {
        display: flex;
        align-items: baseline;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 1.6vw;
        min-width: 0;
    }

    .main-content .people.people--mode-list .people-full-card__name {
        order: 1;
        display: inline-block;
        flex: 0 0 auto;
        font-size: 5.33vw;
        line-height: 1.1;
        white-space: nowrap;
        word-break: keep-all;
    }

    .main-content .people.people--mode-list .people-full-card__position {
        order: 2;
        display: inline-block;
        flex: 0 1 auto;
        min-width: 0;
        font-size: 3.73vw;
        line-height: 1.3;
        margin-bottom: 0;
        text-align: left;
        color: rgba(0, 0, 0, 0.64);
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
    }

    .main-content .people.people--mode-list .people-full-card__body {
        grid-template-columns: 1fr;
        gap: 4.26vw;
    }

    .main-content .people.people--mode-list .people-full-card__history,
    .main-content .people.people--mode-list .people-full-card__works {
        font-size: 3.73vw;
        line-height: 1.3;
    }

    .main-content .people.people--mode-list .people-full-card__works h4 {
        font-size: 3.73vw;
        line-height: 1.3;
        margin-bottom: 1.06vw;
    }

    .main-content .people.people--mode-list .people-full-card__history .line {
        margin: 0.6em 0;
    }
}



.people-layout ul,
.people-layout ol {
  margin: 0.4em 0 0.8em;
  padding-left: 1.4em;
}

.people-layout ul {
  list-style: disc;
}

.people-layout ol {
  list-style: decimal;
}

.people-layout li {
  display: list-item;
  margin: 0.15em 0;
}