footer{
    width: 100%; height: 200px; 
    background-color:#4D4D4D;
    padding: 0 260px;
    display: flex; 
    justify-content: space-between; align-items: center;
}
footer .footer_text{
    display: flex; justify-content: center; align-items: center;
}
footer .footer_text h1{width: 150px; height: 80px; margin-right: 50px;}
footer .footer_text h1>a{width: 100%; height: 100%;}
footer .footer_text h1>a img{width: 100%;}
footer .footer_text h1>span{
    display: inline-block; width: 100%;
    font-size: 1.25rem; font-weight: 800;
    text-align: center; margin-top: 10px;
    color: #ddd; white-space: nowrap;
}
footer .footer_text address{}
footer .footer_text address>p{
    margin: 5px 0; font-size: 0.938rem; color: #bbb;
}
footer .blog_btn{}
footer .blog_btn>a{
    padding: 20px 30px; border: 1px solid #fff;
    border-radius: 20px; display: flex;
    justify-content: center; align-items: center;
    position: relative; z-index: 100;
    transition: all 0.3s;
}
footer .blog_btn>a:hover{
    background-color: #fff;
    border: 1px solid #fff;
}
/*
footer .blog_btn>a::after{
    content: ""; position: absolute; top: 0; left: 50%; height: 100%; width: 0%; 
    background-color: #fff; 
    transition: width 0.3s; z-index: 90;
    border-radius: 0 20px 20px 0;
}
footer .blog_btn>a::before{
    content: ""; position: absolute; top: 0; right:50%; height: 100%; width: 0%; 
    background-color: #fff; 
    transition: width 0.3s; z-index: 90;
    border-radius: 20px 0 0 20px;
}
footer .blog_btn>a:hover::after{width: 50%;}
footer .blog_btn>a:hover::before{width: 50%;}
*/
footer .blog_btn>a>span{
    display: block;
    font-size: 1.25rem; font-weight: 800;
    color: #fff;
    position: relative; z-index: 100;
}
footer .blog_btn>a>span:first-child{
    margin-right: 20px;
    width: 50px; height: 50px;
    background: url(../img/icon/blog.png) center/cover;
}
footer .blog_btn>a>span img{}

footer .blog_btn>a:hover{border: 1px solid #fff;}
footer .blog_btn>a:hover>span{color: #000;}
footer .blog_btn>a:hover>span:first-child{background: url(../img/icon/blog2.png) center/cover;}


@media screen and (max-width:1349px){ /* 태블릿 */
    footer{height: 150px; padding: 0 80px;}
    footer .footer_text h1{margin-right: 30px;}
    footer .blog_btn>a{padding: 15px 20px;}
}

@media screen and (max-width:699px){ /* 모바일 */
    footer{height: 120px; padding: 0 10px;}
    footer .footer_text{
        display: block;
    }
    footer .footer_text h1{width: 100px; height: 30px;}
    footer .footer_text h1>span{display: none;}
    footer .footer_text address{margin-top: 10px;}
    footer .footer_text address>p{
        font-size: 0.625rem; white-space: nowrap;
    }
    footer .blog_btn>a{padding: 10px;border-radius: 15px;}
    footer .blog_btn>a::after{border-radius: 0 15px 15px 0;}
    footer .blog_btn>a::before{border-radius: 15px 0 0 15px;}
    footer .blog_btn>a>span{font-size: 0.825rem; white-space: nowrap;}
    footer .blog_btn>a>span>img{ width: 100%;}
    footer .blog_btn>a>span:first-child{margin-right: 10px; width: 30px; height: 30px;}
}