/*Content CSS*/
footer {width:100%; background-color:#fff; clear:both; text-align: left; position: relative; z-index: 3; border-top: solid 1px #ddd;}
.footer_con {width: 100%; max-width: 1400px; padding: 65px 50px; margin: 0 auto;}
.footer_con .foot_menu {display: flex; align-items: center; }
.footer_con .foot_menu li a{font-size: 18px; font-weight: 600; color:#000; transition: .3s; font-family: 'Gothic A1', sans-serif; letter-spacing: normal}
.footer_con .foot_menu li:hover a{color: #022561;}
.footer_con .foot_menu li:last-child{margin-right: 0;}
.footer_con .foot_menu li::after{content: ''; display: inline-block; width: 1px; height: 12px; background-color: #999; opacity: .5; margin: 0 38px;}
.footer_con .foot_menu li:last-child::after{display: none;}

.footer_cpy {font-size: 14px; font-weight: 400; color: rgba(0,0,0,1); word-break: keep-all; line-height: 26px; }
.footer_con .bottom {display: flex; align-items: flex-end; justify-content: space-between; border-top: solid 1px rgba(0,0,0,.25); padding-top: 38px; margin-top: 30px;}
.footer_con .bottom span {font-size: 14px; font-weight: 300; color:rgba(0,0,0,.6);  line-height: 24px; margin:20px 0 0; display: block; }
.footer_con .bottom span a {color:rgba(0,0,0,.6);}



#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); z-index: 10; transition: .3s; pointer-events: none; opacity: 0;}
#top_btn:hover {border-color: #1f255d; background: #1f255d; color: #fff;}
.scrolled #top_btn {opacity: 1; pointer-events: auto;}

.footer_con .ft-btn {width: 140px; height: 30px; line-height: 30px; display: flex; justify-content: center; align-items: center; font-size: 10px; font-weight: 300; color: rgba(255, 255, 255, .5); transition: .3s; border:1px solid rgba(255, 255, 255, .5);}
.footer_con .ft-btn:hover {background: #0979dc; color:#fff ; border-color: #0979dc;}
.footer_con .mobile_indication{display: none;}
#foot_logo a { display:block; width:100px; height: 64px; transition: all .3s ease; background: url('../img/ft_logo.png') no-repeat; background-size : contain }


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

}

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

    footer .pc {display: none; }
    footer .mob {display: block;}
    .footer_con > div {flex-direction: column; align-items: center;}
    .footer_con {padding: 40px 30px;}

    .footer_con .info{display: none;}
    .footer_con .mobile_indication{display: block;}

    .footer_con .foot_menu{justify-content: center;}

    .footer_cpy { line-height: 22px; font-size: 13px; }
    .footer_con .foot_menu{display: none;}
    /* .footer_con .foot_menu li a{font-size: 16px;}
    .footer_con .foot_menu li::after{margin: 0 20px;} */
    .footer_con .bottom{align-items: center; text-align: center; padding-top: 0; margin-top: 0; border: 0;}
    .footer_con .bottom span {line-height: 20px; margin:15px 0 0;  font-size: 13px;}
    #foot_logo a{margin-top: 30px; background-size: 70px auto; width: 70px; height: 45px;}
    .footer_con .top{display: none;}

}

@media screen and (max-width: 640px) {
    .footer_con {padding:40px 20px;}
    .footer_cpy,
    .footer_con .bottom span {font-size: 13px; line-height: 21px;}
    .footer_con .foot_menu{display: none;}
    .footer_con .bottom{padding-top: 0; margin-top: 0; border: 0;}


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

}