@import url("/legacy/css/_footer-mobile.css");

@media only screen and (min-width: 768px) {
    footer {
        position: relative;
        width: 100%; height: 245px;
    }
    
    footer > .contact-us,
    footer > .feel-free,
    footer > .number-k-company,
    footer > .royalting,
    footer > .royalty,
    footer > .my-song-list,
    footer > .my-info,
    footer > .song-registration,
    footer > .qna,
    footer > .notification,
    footer > .contact,
    footer > .email-notification {
        display: none;
    }             
        
    footer > .instagram-button,
    footer > .facebook-button,
    footer > .youtube-button,
    footer > .twitter-button {
        position: absolute;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        width: 40px;
        height: 40px;
        background-color: #ffffff;
        background-image: url("/legacy/img/instagram.svg");
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position: center;    
        border-radius: 10px;
    }
    
    footer > .instagram-button {
        background-image: url("/legacy/img/instagram.svg");
        left: calc(50% - 590px);
        top: 60px;
    }

    footer > .facebook-button {
        background-image: url("/legacy/img/facebook.svg");
        left: calc(50% - 540px);
        top: 60px;
    }
    
    footer > .youtube-button {
        background-image: url("/legacy/img/youtube.svg");
        left: calc(50% - 490px);
        top: 60px;
    }
    
    footer > .twitter-button {
        background-image: url("/legacy/img/twitter.svg");
        left: calc(50% - 440px);
        top: 60px;
    }

    footer > .instagram-button:hover {
        opacity: 0.7;
    }

    footer > .facebook-button:hover {
        opacity: 0.7;
    }

    footer > .youtube-button:hover {
        opacity: 0.7;
    }

    footer > .twitter-button:hover {
        opacity: 0.7;
    }

    footer > .powered-by {
        position: absolute;
        height: 14px;
        left: calc(50% + 431px);
        top: 60px;
        font-size: 12px;
        color: #ffffff;
    }

    footer > .number-k {
        position: absolute;
        height: 19px;
        left: calc(50% + 431px);
        top: 76px;
        font-size: 16px;
        font-weight: 500;
        color: #ffffff;
    }

    footer > .privacy-policy {
        position: absolute;
        height: 16px;
        left: calc(50% - 590px);
        top: 114px;
        color: #ffffff;
        font-size: 14px;
    }
    
    footer > .privacy-policy:hover {
        opacity: 0.7;
    }     

    footer > .copyright {
        position: absolute;
        height: 15px;
        left: calc(50% - 590px);
        top: 190px;
        color: #ffffff;
        font-size: 12px;
    }

    footer > .address,
    footer > .mapo-gu,
    footer > .seoul-si,
    footer > .tel,
    footer > .fax,
    footer > .email {
        display: none;
    }
}