/*Content CSS*/
footer {width:100%; background-color:#fff; padding: 30px 20px; clear:both; border-top:1px solid #ddd;  }
.footer_con {width: 100%; margin: 0 auto;text-align: center;}

.ft_copy {font-size: 12px; font-weight: 300; color:rgba(0, 0, 0, 0.8); line-height: 22px; letter-spacing: -.3px}
.ft_copy span {color:rgba(0, 0, 0, 0.5); display: block; margin-top:5px;}
.ft_copy a {color:rgba(0, 0, 0, 0.5) !important;}
.ft_btn a {display: block;text-align: center; width: 140px; height: 30px; line-height: 30px; color:rgba(255,255,255,1)!important; border-radius: 3px; margin: 20px auto 0 auto;background: #306fd9;  font-size: 10px; transition: all 0.3s; }
.ft_btn a:active {background: #306fd9;  }

#top_btn {position:fixed;bottom:20px;right:20px;width:45px;height:45px;line-height:42px;border:1px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5);transition: all 0.3s}
#top_btn:active {border-color:#306fd9;background:#306fd9;color:#fff}

#f_link_btn {margin: 15px 0;}

@media screen and (max-width:1200px) {

}

@media screen and (max-width: 960px) {
    .footer { padding-top:0}
    .footer ul li { width:100%; margin-right:0; margin-top:2%}
    .footer ul li:last-child { margin-top:2%}
}

@media screen and (max-width: 640px) {
    footer .footer_menu a { font-size:14px}
    footer .footer_address .add { font-size:12px; margin-top:120px}
    footer .footer_right { left:20px; right:inherit; top:50px}
    footer .telephone { padding-top:67px}
    footer .telephone p { text-align:left}
    footer .telephone .tel { font-size:20px}
    footer .footer_sns .icon_sns { top:30px; left:0; right:inherit}
    footer .footer_sns .icon_sns a { margin-left:0}
    footer .footer_address .add .copyright { font-size:12px}
}