footer {
    .footerEBulten {
        background-color: #f6f6f6;
        height          : 124px;

        &>.container {
            display        : flex;
            align-items    : center;
            justify-content: space-between;
            height         : 100%;
        }

        .eBultenTextArea {
            background-color: #eeeeee;
            height          : 100%;
            padding         : 20px 26px;
            max-width       : 357px;
            display         : flex;
            flex-direction  : column;
            justify-content : space-between;

            span {
                font-family: 'GilroyRegular';
                font-size  : 1.740rem;
                color      : #212121;

                &.black {
                    font-family: 'GilroyBlack';
                }
            }

            p {
                font-family: 'GilroyRegular';
                font-size  : 1.040rem;
                color      : #212121;
            }
        }

        .eBultenForm {
            flex: 1;
            padding-left: 34px;
        }
    }

    .footer {
        .footerMenu {
            display        : flex;
            align-items    : flex-start;
            justify-content: space-between;
            padding-top    : 25px;
            padding-bottom:35px;

            .menuList {
                display        : flex;
                align-items    : flex-start;
                flex           : 1;
                justify-content: space-between;
                max-width      : 490px;

                .menuItem {
                    a {
                        font-family   : 'GilroyBlack';
                        font-size     : 1.325rem;
                        color         : #171717;
                        display       : block;
                        padding-bottom: 20px;
                        transition    : all 3s ease-in-out;

                        &:hover {
                            opacity: 0.8;
                        }

                        span {
                            font-family: 'GilroyBlack';
                            font-size  : 1.325rem;
                            color      : #171717;
                        }
                    }

                    .subMenuList {
                        .menuItem {
                            a {
                                font-family: 'GilroyBold';
                                font-size  : 1.155rem;
                                display    : block;
                                padding    : 10px 0;

                                span {
                                    font-family: 'GilroyBold';
                                    font-size  : 1.155rem;
                                }
                            }
                        }
                    }
                }
            }

            .footerLoginArea {
                display    : flex;
                align-items: center;
            }
        }

        .footerInfo {
            display        : flex;
            align-items    : center;
            justify-content: space-between;
            border         : 2px solid #dbdbdb;
            border-left    : none;
            border-right   : none;
            height         : 95px;

            a{
                transition: all .3s ease-in-out;
                &:hover{
                    opacity: 0.8;
                }
            }
            .leftColumn {
                display    : flex;
                align-items: center;
                height: 100%;

                &>a {
                    font-family  : 'GilroyMedium';
                    font-size    : 1.263rem;
                    color        : #232323;
                    padding-right: 30px;
                }
                & > div{
                    border-left   : 2px solid #dbdbdb;
                    height: 100%;
                }
            }

            .callArea {
                display    : flex;
                align-items: center;
                padding    : 0 35px 0 17px;

                .customIcon {
                    font-size   : 41px;
                    color       : customColor(secondary);
                    margin-right: 10px;
                }

                a {
                    font-family: 'GilroyBlack';
                    font-size  : 1.823rem;
                    color      : #1a1a1a;
                }

                &>div {
                    display       : flex;
                    flex-direction: column;
                    align-items   : flex-start;

                    span {
                        font-family: 'GilroyMedium';
                        color      : #1a1a1a;
                        font-size  : 1.263rem;
                    }
                }
            }

            .socialMeadiArea {
                padding: 0 25px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                min-width: 160px;
                border-right   : 2px solid #dbdbdb;
                a {
                    transition: all .3s ease-in-out;
                    .customIcon {
                        font-size: 17px;
                        opacity: 0.30;
                        transition: all .3s ease-in-out;
                        color:rgba(0,0,0,1);
                    }
                    &:hover{
                        .customIcon{
                            opacity: 1;
                        }
                    }
                }
            }
        }

        .footerCopyRightArea {
            padding: 30px 0 16px 0;
            text-align: center;
            width: 76%;
            margin: 0 auto;
            span{
                font-family: 'GilroyMedium';
                font-size:1.079rem;
                color:#a4a4a4;
                border-left:1px solid #a4a4a4;
                padding: 0 16px;
                &:first-child{
                    border-left: none;
                }
            }
            p{
                font-family: 'GilroyMedium';
                font-size:1.079rem;
                color:#a4a4a4;
                line-height: 1.3rem;
            }
        }
    }
}
@media screen and(max-width:1024px) {
    footer {
        .footerEBulten{
            height: auto;
            & > .container{
                display: block;
            }
            .eBultenTextArea{
                margin: 0 auto;
            }
            .eBultenForm{
                padding: 20px 0;
            }
        }
        .footer {
            .footerMenu {
                .footerLoginArea{
                    display: block;
                    .button{
                        margin: 20px 0;
                    }
                }
            }
        }
    }
    
}
@media screen and(max-width:768px){
    footer {
        .footer{
            .footerMenu{
                display: block;
                .menuList{
                    max-width: initial;
                    display: none;
                }
            }
            .footerInfo{
                display: block;
                text-align: center;
                height: auto;
                .leftColumn{
                    border-bottom:2px solid #dbdbdb;
                    display: block;
                    & > div{
                        border-left: none;
                        justify-content: center;
                        padding: 10px 0;
                        position: relative;
                        &.callArea{
                            display: inline-flex;
                            position: relative;
                            .customIcon{
                                position: absolute;
                                left: -50px;
                            }
                            & > div{
                                display: block;
                                text-align: center;
                                span{
                                    display: block;
                                }
                            }
                        }
                    }
                    & > a{
                        padding: 10px 0;
                        display: block;
                    }
                }
                .socialMeadiArea{
                    border-right: none;
                    a{
                        margin-left: 7px;
                    }
                }
                & > a{
                    display: inline-block;
                    margin:20px auto;
                }
            }
        }
    }
}
@media screen and(max-width:480px) {
    footer {
        .footer {
            .footerMenu {
                .menuList{
                    // display: block;
                    text-align: center;
                }
                .footerLoginArea{
                    .button{
                        margin:20px auto;
                    }
                }
            }
        }
    }
}