.site-footer{
    background-color: $color-darkgray;
    padding-top: 50px;
    padding-bottom: 54px;
    min-height: 315px;
    position: relative;
    .link{
        color: $color-light;
        font-weight: 300;
        line-height: 1em;
        transition: all 200ms;
        &:hover{color: $color-danger;}
        .brand{width: 266px;}
    }
    .h-title{
        font-size: 30px;
        color: $color-light;
        font-weight: normal;
    }
    .link-list{
        position: relative;
        z-index: 1;
        li{
            width: 100%;
            padding: 10px 0;
            .link{font-size: 21px;}
        }
    }
    .social-list{
        position: relative;
        z-index: 1;
        .item-list{width: 100%; display: flex; justify-content: flex-end;}
        li{margin: 0 10px;}
        .link{
            position: relative;
            top: 0;
            transition: all 200ms;
            img{filter: brightness(0) invert(1); transition: all 200ms;}
            &:hover{
                top: -5px;
                img{filter: brightness(1) invert(0);}
            }

        }
    }

    .ft-bt{
        padding-top: 30px;
        margin-top: 37px;
        border-top: 1px solid rgba($color: $color-light, $alpha: 0.2);
        font-family: 'DMSans';
        font-weight: 400;
        .copyright{
            color: $color-light;
        }
        .policy{
            li{
                position: relative;
                &:first-child{padding-right: 30px; border-right: 1px solid $color-light;}
                &:last-child{padding-left: 30px;}
            }
        }
    }

    &.acc-footer{
        padding: 0;
        min-height: auto;
        background-color: $color-light;
        .ft-bt{
            border-top: 1px solid #D4D4D4;
            padding: 20px 0 50px 0;
            margin: 0;
            font-family: 'DMSans';
            font-weight: 400;
            .copyright{
                color: $color-darkgray;
                line-height: 1.4em;
            }
            .policy{
                li{
                    .link{
                        color: $color-darkgray;
                        line-height: 1.4em;
                    }
                    position: relative;
                    &:first-child{padding-right: 30px; border-right: 1px solid $color-darkgray;}
                    &:last-child{padding-left: 30px;}
                }
            }
        }
    }
}