/*Content CSS*/
footer {width:100%; background-color:#232628; clear:both; text-align: left; position: relative; z-index: 3;}
.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: 16px; font-weight: 400; color:#eceded; transition: .3s;}
.footer_con .foot_menu li:hover a{color: #42ade0;}
.footer_con .foot_menu li:last-child{margin-right: 0;}
.footer_con .foot_menu li::after{content: ''; display: inline-block; width: 1px; height: 16px; background-color: #d6d7dd; opacity: .4; margin: 0 38px; position: relative; top: 3px;}
.footer_con .foot_menu li:last-child::after{display: none;}
.footer_con .top{display: flex; align-items: center; justify-content: space-between;}
.ft_copy {font-size: 15px; font-weight: 300; color: rgba(255,255,255,.8); word-break: keep-all; line-height: 27px; }
.footer_con .btm {display: flex; align-items: flex-end; justify-content: space-between; border-top: solid 1px rgba(255,255,255,.25); padding-top: 27px; margin-top: 28px;}
.footer_con .btm span {font-size: 14px; font-weight: 300; color:rgba(255,255,255,.5);  line-height: 1; margin:26px 0 0; display: block; }
.footer_con .btm span a {color:rgba(255,255,255,.5);}

.ft_btn a {display: block;text-align: center; width: 140px; height: 30px; line-height: 28px; color:rgba(255, 255, 255, 1) !important; border-radius: 0;  font-size: 11px; transition: all 0.3s; border:1px solid rgba(255,255,255,.25); background-color: transparent;}
.ft_btn a:hover {background: #42ade0; border-color: #42ade0; }

#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: #42ade0; background: #42ade0; color: #fff;}
.scrolled #top_btn {opacity: 1; pointer-events: auto;}

.footer_con .ft-btn {width: 155px; height: 59px; 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 .mob_info{display: none;}
#foot_logo a { display:block; width:155px; height: 59px; transition: all .3s ease; background: url('../img/foot_logo.png') no-repeat; }

#ft_fm_wr {position: relative; z-index: 3; width:300px; height:30px; margin:20px auto; display: none;}
#ft_fm_wr > div { position:relative; }
#ft_fm_wr .fm_btn {border:0; width:140px; height:32px; margin:0 5px; line-height: 30px; border:1px solid rgba(255,255,255,.5); color:#a7a7a7; outline: none; font-size:12px; font-weight: 300; border-radius: 3px; position: relative; z-index: 2; background:none; }
#ft_fm_wr .fm_btn img { margin-left:20px; position: relative; top:-1px; transition: all .3s ease; }
#ft_fm_wr .fm_btn.active img {transform: rotate(-180deg);}

#ft_fm_wr ul { width:140px; position: absolute; left:50%; transform: translateX(-50%); bottom:30px; text-align: center; border:1px solid #ddd; border-bottom:0; display: none;}
#ft_fm_wr ul li a {display: flex; align-items: center; justify-content: center; color:#a7a7a7; font-size:12px; border-bottom:1px solid #ddd; letter-spacing: -.5px;
background: #fff; transition: all .3s ease; height: 30px; font-weight: 300; }
#ft_fm_wr ul li a:hover {background: #f5f5f5;}
#ft_fm_wr ul li:first-child a {border-top:0;}

/* @media screen and (max-width: 1280px) {
    #foot_logo a{display: none;}
}

@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 30px;}

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

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

    .ft_copy { line-height: 20px; font-size: 13px; }
    .footer_con .foot_menu li a{font-size: 16px;}
    .footer_con .foot_menu li::after{margin: 0 20px;}
    .footer_con .btm{align-items: center; text-align: center; padding-top: 25px; margin-top: 30px;}
    .footer_con .btm span {line-height: 20px; margin:20px 0 0;  font-size: 13px;}
    #foot_logo a{margin-top: 30px; background-size: 120px auto; width: 120px;}
    .footer_con .top{display: none;}
    #ft_fm_wr{display: block;}

}

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


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

} */