footer{
    background-color: var(--point-color-2);
    font-family: var(--font-main);
    color:#fff;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-container{
    width: 1440px;
    margin: 0 auto;
}
.footer-container .desc1{
    margin-top: 2rem;
    text-align: center;
    font-size: var(--detail);
}
.footer-box{
    display: flex;
    justify-content: space-between;
}
.desc-top{
    display: flex;
    gap: .5rem;
}
.footer-text{
    width: 1072px;
    font-size: var(--detail);
    font-weight: var(--light-weight);
}
.sns{
    display: flex;
    gap: .5rem;
}
.sns img{
    width: 25px;
    aspect-ratio: 1/1;
}
.footer-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}
span{
    font-weight: 800;
}
.footer-bottom{
    display: flex;
    justify-content: space-between;
}
.footer-bottom>ul{
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.logo{
    display: flex;
    align-items: center;
}
.footer-side{
    display:flex;
    gap: .5rem;
}
.footer-side-box{
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
footer .logo img{
    height: 80px;
}
.sns.none{
    display: flex;
}

.sns.mo{
    display: none;
}


@media (max-width:1440px){
   .footer-container{
    margin: 0 2rem;
   }
   
   
}
@media (max-width:1300px){
    .footer-side-box.pc{
        display: none;
   }
    .footer-text{
        width: 751px;
    }
    .footer-box {
        display: flex;
        justify-content: center;
        gap: 3.7rem;
    }
    footer .logo img {
        height: 60px;
    }
    .sns img {
        width: 22px;
        aspect-ratio: 1/1;
    }
}
@media (max-width:900px){
    footer .logo img {
        height: 40px;
    }
    .footer-box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 1rem;
        align-items: center;
    }
    .sns img {
        width: 19.6px;
        aspect-ratio: 1/1;
    }
    .footer-container {
        margin: 2rem;
    }
    .sns.none{
        display: none;
    }
    
    .sns.mo{
        display: flex;
    }
    
    .footer-text .sns.mo{
        display: flex;
        justify-content: flex-end;
        margin-bottom: 1rem;
    }
    footer {
        height: 400px;
    }
    .footer-top {
        margin-bottom: 1rem;
    }
    .footer-bottom {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: .5rem;
    }
    .footer-text {
        width: 100%;
    }
}
@media (max-width:320px){
   
}