/*Content CSS*/
footer {width:100%; background-color:#f8f8f8; clear:both; text-align: left; position: relative; z-index: 3;}
.footer_con {width: 100%; max-width: 1500px; padding: 70px 50px 60px; margin: 0 auto;}
.footer_con .foot_logo{display: block; margin-bottom: 20px;}
.ft_copy {font-size: 14px; font-weight: 300; color: rgba(17,17,17,1); word-break: keep-all; line-height: 30px; }
.footer_con span {font-size: 14px; font-weight: 300; color:rgba(17,17,17,.3);  line-height: 24px; margin:30px 0 0; display: block; }
.footer_con span a {color:rgba(17,17,17,.3); }
.footer_con .mob_info{display: none;}

@keyframes scroll-ani {
	0% {opacity:0.35;}
	50% {opacity:0.65;}
	100% {opacity:1;}
}

#sub_top_btn {background: rgba(255,255,255,0); z-index: 10; transition: .3s; pointer-events: none; opacity: 0; width: 90px; height: 90px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; bottom: 0; right: 0; background-color: #00b4f7}
#sub_top_btn span{background:url('../img/wh_arrow.png') 50% / cover no-repeat;; transform: rotate(180deg);display: block; width: 24px; height: 12px; opacity: 35%; animation:scroll-ani 1.3s infinite; }

.scrolled #sub_top_btn {opacity: 1; pointer-events: auto; }
#sub_top_btn  span:nth-of-type(3){animation-delay: 0.1s;}
#sub_top_btn  span:nth-of-type(2){animation-delay: 0.2s;}
#sub_top_btn  span:nth-of-type(1){animation-delay: 0.3s;}

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


}

@media screen and (max-width: 1024px) {
    .footer_con {padding: 40px 30px; text-align: center;}
    .footer_con .foot_logo{display: none;}
    .footer_con .info{display: none;}
    .footer_con .mob_info{display: block;}
    .ft_copy {line-height: 1.7;}
    .footer_con span{margin-top: 25px; line-height: 1.5;}
    #sub_top_btn{width: 60px; height: 60px; right: 20px; bottom: 20px;}
    #sub_top_btn span{width: 18px; height: 9px; }
}

@media screen and (max-width: 640px) {
    .footer_con{padding: 35px 20px;}
    .footer_con span{margin-top: 15px;}

}