/*Content CSS*/
footer {width:100%; background-color:#011b62; clear:both; text-align: left; border-top: 1px solid transparent;}
.footer_con {width: 100%; max-width: 1400px; padding: 80px 50px; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-end;}

footer .pc {display: block; }
footer .mob {display: none;}
footer .info{width: 100%; margin: 0; padding: 0;}
footer .info .ft_copy{font-size: 14px; color: #fff; line-height: 30px; margin: 25px 0; font-weight: 300; letter-spacing: -.5px;}
footer .info span{font-size: 12px; color: #fff; font-weight: 300; line-height: 1.5;}
footer .info span a{font-size: 12px; color: #fff; font-weight: 300; line-height: 1.5;}
#top_btn {position: fixed; right: 20px; bottom: 20px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; flex-direction: column; border: 1px solid #333; color: #333; font-size: 15px; background: rgba(255,255,255,0.5); z-index: 10; transition: .3s; pointer-events: none; opacity: 0;}
#top_btn:hover {border-color: #2a00ff; background: #2a00ff; color: #fff;}
.scrolled #top_btn {opacity: 1; pointer-events: auto;}

footer .sns_list{display: flex;}
footer .sns_list li{margin-right: 22px;}
footer .sns_list li:last-child{margin-right: 0;}
footer .sns_list li a{width: 29px; height: 29px; border-radius: 50%; background-color: #fff; display: flex; align-items: center; justify-content: center; color: #011b62;}
footer .sns_list li:nth-child(1) a{font-size: 18px; font-weight: 800; line-height: 1;}
footer .sns_list li:nth-child(2) a{font-size: 20px; font-weight: 900; line-height: 1;}

@media screen and (max-width: 1280px) {
    .footer_con{display: block; padding: 60px 50px;}
    footer .sns_list{justify-content: flex-end;}
    footer .info .ft_copy{font-size: 13px; line-height: 1.7;}
}

@media screen and (max-width: 1024px) {
    .footer_con {padding:50px 30px;}
    footer {text-align: center;}
    footer .pc {display: none; }
    footer .mob {display: block;}
    footer .sns_list{display: none;}
    footer .info .ft_copy{margin: 0 0 20px;}
    .foot_logo{display: none;}
}
@media screen and (max-width: 640px) {
    .footer_con {padding:40px 20px;}
    footer .info .ft_copy{margin: 0 0 15px;}
}