#about-us-wrapper{width:100%;max-width:1500px;margin:35px auto 0;padding:0 20px}
#about-us-container{max-width:1500px;margin:0 auto}


#about-us-contents{margin-top: 3.125vw;}
.about-us-img figure{
    position: relative;padding-bottom: 58.45%;overflow:unset;--x-width:-10%;opacity: 0; transform:translateY(15px);}

.about-us-img figure::before {content: '';position: absolute;left: 15px;bottom: -23px;background-color: #E6E6E6;width: 100%;height: calc(100% - 55%);transform: translateX(var(--x-width));}
.about-us-slider figure{padding-bottom: 66.6%;}


@media (min-width: 1200px) {
    .about-us-desc{width: 49%;line-height: 36px;}
    .about-us-img{width: 49%;margin-left: 2%;}
    .album-container{margin-top: 3.125vw;}
    .album-title{font-size: clamp(1.25rem, 0.7143rem + 0.7143vw, 1.5625rem);color:#262626;}
    .about-us-photo-album{width:100%;margin-top:1.04vw;}
    .about-us-slider{width:19%;margin-left:1.25%;}
    .about-us-slider:nth-child(5n+1){margin-left:0;}
    .about-us-slider:nth-child(n+6){margin-top:20px;}

    .about-us-desc,.album-title,.about-us-slider{opacity: 0;transform: translateY(15px);}
}
@media (min-width: 765px) and (max-width: 1199px) {
    #about-us-contents{flex-direction: column;}
    .about-us-desc{width: 100%;line-height:20px;}
    .about-us-img{width:100%;max-width:83%;margin:2.55vw auto 0;}
    .album-container {width: 100%;margin-top:5.3vw;}
    .about-us-photo-album {width: 100%;margin-top:2.12vw;}
    .about-us-slider {width: 32%;margin-left:2%;}
    .about-us-slider:nth-child(3n+1) {margin-left: 0;}
    .about-us-slider:nth-child(n+4) {margin-top: 20px;}
}
@media (min-width: 0px) and (max-width: 764px) {
    #about-us-contents{flex-direction: column-reverse;}
    .about-us-desc{width: 100%;line-height:20px;margin-top:10vw;}
    .about-us-img{width:100%;max-width:83%;margin:0 auto;}
    .album-container{margin-top:5.2vw;}
    .about-us-photo-album{margin-top:10px;}
    .album-title{text-align:center;}
    .about-us-slider{width: 49%;margin-left: 2%;}
    .about-us-slider:nth-child(odd){margin-left: 0;}
    .about-us-slider:nth-child(n+3){margin-top: 10px;}
}