/*Content CSS*/
footer { width:100%; background-color:#3f4f5f; padding:50px 0 70px; }
.footer_con { max-width: 1500px; width:100%; margin: 0 auto; display: flex; }
.footer_con.mob { display: none; }

.ft_logo {margin-right: 70px;}
.ft_copy { margin-top: 15px; font-size: 13px; font-weight: 300; color: rgba(255, 255, 255, 0.8); line-height: 24px; word-break: keep-all; }
.ft_copy span { display: block; margin-top: 20px; color: rgba(255, 255, 255, 0.3); word-break: keep-all; }
.ft_copy span a {color: rgba(255, 255, 255, 0.3); word-break: keep-all; }



#top_btn { position:fixed; bottom:20px; right:43px; width:50px; height:50px; line-height:46px; border:1px solid #738a84; color:#738a84;
text-align:center; font-size:11px; z-index:90; background:rgba(255,255,255,0.5); transition: all 0.3s ease; opacity: 0;  }
#top_btn:hover { border-color:#5db3ba; background:#5db3ba; color:#fff}
.scrolled #top_btn { opacity: 1; }

/* 모바일 sns 연결 */
#ft_fm_wr {position: relative; z-index: 3; width:300px; height:30px; margin:20px auto; display: flex; align-items: center; }
#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:1600px) {
    .footer_con { max-width: 1600px; padding:0 50px; }

    #top_btn { right:20px; width:45px; height:45px; line-height:40px; }

}

@media screen and (max-width: 1023px) {
    .footer_con { flex-direction: column; padding: 0 40px; }
    .footer_con.mob { display: flex; }
    .footer_con.pc { display: none; }

    footer { padding:40px 0; }
    .ft_logo {margin: 0 auto;}
    .ft_copy { text-align: center; font-size: 12px; line-height: 22px; }
}

@media screen and (max-width: 767px) {
    .footer_con { padding: 0 15px; }
}