/*Content CSS*/
footer {width:100%; background-color:#fff;  text-align: left; position: relative; z-index: 1; overflow: hidden;}
.footer_con {width: 100%; max-width: 1400px; padding: 80px 50px 76px; margin: 0 auto;}

.footer_con .btm .ft_copy {font-size: 14px; color: #000; word-break: keep-all; line-height: 24px; font-weight: 200}
.footer_con .btm {display: flex;}
.footer_con .btm span {display: block; font-size: 14px; color: rgba(0,0,0,.5); font-weight: 200; margin-top: 25px;}
.footer_con .btm span a {font-size: 14px; color: rgba(0,0,0,.5); font-weight: 200;}
.footer_con .btm span i {font-family: 'NotoSansKR', sans-serif; font-size: 14px; font-style: normal; color: rgba(0,0,0,.5); font-weight: 300;}
.footer_con .btm.mob{display: none;}
.footer_con .foot_logo{margin-right: 33px;}

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



@media screen and (max-width: 1280px) {
    .footer_con {padding: 50px;}
    .footer_con .btm span {margin-top: 10px; line-height: 1.6;}
    .footer_con .btm .ft_copy {font-size: 13px; line-height: 1.7;}
    .footer_con .foot_logo{display: none;}


}
@media screen and (max-width: 1024px) {
    .footer_con {padding: 40px 30px;}
    .footer_con .btm {display: none; padding-top: 0; margin-top: 0; border-top: 0; text-align: center;}
    .footer_con .btm.mob{display: block;}
    .footer_con .btm.mob span{ border-top: solid 1px #ddd; padding-top: 15px; margin-top: 15px;}
    .footer_con .btm.mob .ft_copy{line-height: 1.6;}
}
@media screen and (max-width: 640px) {
    .footer_con {padding: 40px 20px;}

}