footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    color: #3d4045;
    background-color: #e0eaf6;
    padding: 5% 5% 30% 5%
}

footer .logo-footer {
    width: 80%;
    min-width: 8rem;
    max-width: 11rem;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

footer .sns-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

footer .sns-row .sns-row-block img {
    width: 30px;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 10px
}

footer .link-wrap {
    width: 100%;
    color: #666
}

footer .link-wrap .company-wrap,footer .link-wrap .news-wrap,footer .link-wrap .resources-wrap {
    margin-bottom: 20px
}

footer .link-wrap .company-wrap h3,footer .link-wrap .news-wrap h3,footer .link-wrap .resources-wrap h3 {
    font-weight: 700
}

footer .link-wrap .company-wrap a,footer .link-wrap .news-wrap a,footer .link-wrap .resources-wrap a {
    display: block;
    color: #666;
    margin-bottom: 1rem
}

footer .link-wrap h3 {
    margin-bottom: 10px
}

footer .link-wrap p {
    margin-bottom: 1rem;
    cursor: pointer
}

footer .email-block {
    border: 2px solid #f3f3f3;
    border-radius: 41.5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px 5px 5px 20px;
    width: 100%;
    max-width: 400px
}

footer .email-block input {
    border: none;
    max-width: 250px;
    width: 100%;
    background: transparent
}

footer .email-block input:focus {
    outline: none;
    background: transparent
}

footer .email-block-btn {
    background: -webkit-gradient(linear,left top,right top,from(#5cbffe),color-stop(#a0f5d0),to(#ffd7c8));
    background:#fcd535;
    border-radius: 41.5px;
    padding: 10px 20px;
    color: #fff;
    cursor: pointer
}

footer .download-wrap {
    margin-bottom: 20px
}

footer .download-wrap .download-btn {
    height: 34px;
    border-radius: 31px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    cursor: pointer
}

footer .download-wrap .download-btn img {
    width: 20px;
    height: 20px;
    margin-left: 7px
}

footer .download-wrap .apple-qrcode-temporary {
    position: relative;
    padding: 10px 15px 15px;
    background: #5cbffe;
    border-radius: 30px
}

footer .download-wrap .apple-qrcode-temporary:before {
    display: block;
    content: "APP Store";
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin-bottom: 8px
}

footer .contact-us-box {
    padding: 0 5%
}

footer .contact-us-box h4 {
    font-weight: 400;
    font-size: 16px
}

footer .social-link-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #3d4045;
    margin: 10px auto 20%
}

footer .social-link-wrap .social-icon {
    width: 15%
}

footer .social-link-wrap .social-icon:hover .icon-img {
    display: none
}

footer .social-link-wrap .social-icon:hover .icon-hover-img {
    display: block
}

footer .social-link-wrap .social-icon img {
    width: 50%;
    max-width: 85px;
    display: block;
    margin: 10px auto;
    cursor: pointer
}

footer .social-link-wrap .social-icon .icon-hover-img {
    display: none
}

footer .copyright {
    width: 100%;
    text-align: center;
    margin-bottom: 40px
}

footer .copyright span {
    cursor: pointer
}

@media screen and (min-width: 768px) {
    footer {
        padding:5%
    }

    footer .link-wrap .company-wrap,footer .link-wrap .news-wrap,footer .link-wrap .resources-wrap {
        margin-bottom: 0
    }

    footer .link-wrap h3 {
        margin-bottom: 25px
    }

    footer .download-wrap .download-btn {
        height: 49px
    }

    footer .download-wrap .download-btn img {
        width: 33px;
        height: 33px
    }
}