#info {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    background: #fff;
    padding-bottom : 11.125rem;
    position: relative;
}
#info .swiper{
    width: 100%;
    padding-bottom: 4rem;
}
#info .swiper-pagination-bullet-active{
    background-color: #999;
}
#info .info-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11.06rem 25rem;
}

#info .info-wrap img {
    width: 100%;
    object-fit: cover;
}
.info-wrap .info-content{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 6.375rem;
}
.info-wrap .info-content ul.info-list{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: .75rem;
}
.info-wrap .info-content ul.info-list>li{
    margin-top: .75rem;
    width: 49%;
}
.info-wrap .info-content ul.info-list>li{
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: .75rem;
}

.info-wrap .info-content ul.info-list>li p.title{
    color: #515151;
    font-family: var(--font-sans);
    font-size: var(--font-size-24);
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.03125rem;
}
.info-wrap .info-content ul.info-list>li.active p.title{
    color : #000;
}

.info-wrap .info-content ul.info-list>li p.content{
    margin-top: 1rem;
    color: #515151;
    font-family: var(--font-sans);
    font-size: var(--font-size-16);
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.03125rem;
}
.info-wrap .info-content ul.info-list>li.active p.content{
    color: #000;;
}
.info-wrap .info-content ul.info-list>li .line{
    width: 90%;
    height: 2px;
    background-color: #515151;
}
.info-wrap .info-content ul.info-list>li.active .line{
    background-color : var(--primary-color);
}
.swiper-pagination{
    bottom: 1.5rem!important;
}
@media screen and (max-width: 767.9px) {
    #info .info-wrap{
        padding : 3.5rem 1rem;
        gap: 1.625rem;
    }
    .swiper.info-swiper{
        padding-bottom: 3rem;
    }
    .info-wrap .info-content ul.info-list>li p.content{
        margin-top: 0;
    }
    .info-wrap .info-content ul.info-list>li .line{
        width: 100%;
        gap: 1rem;
    }
    .info-wrap .info-content{
        gap: 1.625rem;
    }
    .info-wrap .info-content ul.info-list{
        align-items:center;
        justify-content:start;
        overflow:auto;
    }
    .info-wrap .info-content ul.info-list>li:not(.active){
        display: none;
    }
    .info-wrap .info-content ul.info-list>li{
        width: 100%;
    }
    .info-wrap .info-content ul.info-list>li p.title{
        font-size:var(--font-size-20);
    }
    .info-wrap .info-content ul.info-list>li p.content{
        font-size:var(--font-size-14);
    }

}