/*Content CSS*/
footer {width:100%; background-color:#333333; clear:both; text-align: left;     width: calc(100% - 50px); border-radius: 20px; margin: 25px auto 25px; }
.footer_con {width: 100%; max-width: 1500px; padding:110px 50px; margin: 0 auto; }
.footer_con > div {display: flex; justify-content: space-between; }
.footer_con .top {width: 100%; margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid rgba(221,221,221,.3);  justify-content: flex-start; align-items: center; }
.footer_con .top ul {display: flex;}
.footer_con .top ul li a {font-size: 25px; font-weight: 500; color:#fff; word-break: keep-all; transition: opacity .3s ease;}
.footer_con .top ul li a:hover {opacity: .7; }
.footer_con .top ul li::after {width: 1px; height: 20px; background:rgba(221,221,221,.3); display: inline-block; content: ""; margin: 0 45px; position: relative; top:-0;}
.footer_con .top ul li:last-child::after {display: none;}

footer .pc {display: block; }
footer .mob {display: none;}
/* .footer_con .btm {display: block;} */
.ft_copy {font-size: 18px; font-weight: 400; color: rgba(255, 255, 255, 1); word-break: keep-all; line-height: 1.83; }
.footer_con .btm {align-items: flex-end;}
.footer_con .btm span {font-size: 18px; font-weight:400; color:rgba(255, 255, 255, .5);  line-height: 1.71; margin-top: 30px;}
.footer_con .btm span a {color:rgba(255, 255, 255, 0.5);}
.footer_con .logo {flex-shrink: 0; margin-left: 30px;}



#top_btn {position: fixed; right: 20px; bottom: 20px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border: 1px solid #333; color: #333; font-size: 15px; background: rgba(255,255,255,0.5); border-radius: 2px; z-index: 10; transition: .3s; pointer-events: none; opacity: 0;}
#top_btn:hover {border-color: #5956ff; background: #5956ff; color: #fff;}
.scrolled #top_btn {opacity: 1; pointer-events: auto;}


@media screen and (max-width: 1400px) {
    /* .ft_copy.pc br {display: none;} */
}