/*Content CSS*/
#footer{padding: 110px 0; border-top: solid 1px transparent; background-color: #000;}

#footer .fs_17{font-size: 17px; line-height: 1.41; color: rgba(223, 223, 223, 0.7);}
#footer .fs_15{font-size: 15.5px; line-height: 1.89; color: #dfdfdf;}

#footer .footer_con{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto;}
#footer .footer_con .logo{margin-bottom: 57px;}

#footer .footer_con .flex_wrap{display: flex; justify-content: space-between; align-items: flex-end;}

#footer .footer_con .txt > h6{font-size: 20px; color: #fff; font-weight: 600; margin-bottom: 19px;}
#footer .footer_con .txt > span{display: inline-block; }
#footer .footer_con .txt > span:nth-child(n+3){margin-top: 13px; margin-right: 33px;}
#footer .footer_con .txt > span:last-child{margin-right: 0;}
#footer .footer_con .txt b{color: #e9e9e9; margin-right: 17px; display: inline-block;}

#footer .footer_con .copy{margin-top: 48px;padding-top: 25px;border-top: solid 1px rgba(255,255,255,.5);}
#footer .footer_con .copy .pc{display: none;}
#footer .footer_con .copy .mob{display: block;}


#top_btn{flex-shrink: 0; position: fixed;  width: 68px; height: 68px; right: 20px; bottom: 20px; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 1px solid #000; background: #000; z-index: 10; transition: .3s; pointer-events: none; opacity: 0;}
#top_btn.ft{border: 1px solid transparent; background: rgba(255,255,255,0.1);}
#top_btn:hover{border-color: #f58113; background: #f58113;}

.main1 #top_btn:hover {border-color: #04056b; background: #04056b;}
.main2 #top_btn:hover {border-color: #f58113; background: #f58113;}

.scrolled:not(.trigger) #top_btn {opacity: 1; pointer-events: auto;}

#footer br.mob{display: none;}

@media screen and (min-width: 1025px) {
    #footer .footer_con .copy .pc{display: block;}
    #footer .footer_con .copy .mob{display: none;}

     #top_btn.ft{position: relative; right: 0; bottom: 0;}


}
@media screen and (max-width: 1600px) {
    #footer .footer_con .txt b{margin-right: 10px;}


}
@media screen and (max-width: 1400px) {
    #footer{padding: 70px 0; }

    #footer .fs_17{font-size: 16px;}
    #footer .fs_15{font-size: 15px; line-height: 1.7;}

    #footer .footer_con .logo{margin-bottom: 35px;}
    #footer .footer_con .txt > h6{font-size: 1.2em; margin-bottom: 15px;}
    #footer .footer_con .txt > span:nth-child(n+3){margin-right: 25px; margin-top: 10px;}

    #footer .footer_con .copy{margin-top: 30px;}
    #footer .footer_con .copy p {margin-top: 5px;}
    #footer .footer_con .copy p i{width: 15px; margin-right: 3px;}

}

@media screen and (max-width: 1024px) {
    #footer{padding: 50px 0; }
    #footer br:not(.space){display: none;}

    #footer .fs_17{font-size: 15px;}
    #footer .fs_15{font-size: 14px; line-height: 1.5;}

    #footer .footer_con{text-align: center;margin-right: 0; padding: 0 30px;}

    #footer .footer_con .logo{display: none;}

    #footer .footer_con .flex_wrap{justify-content: center;}

    #footer .footer_con .txt > span{display: block;}
    #footer .footer_con .txt > span:nth-child(n+3){margin-right: 0;}

    #footer .footer_con .copy p {margin-top: 15px;}

    #top_btn{width: 45px; height: 45px;}
    #top_btn img{width: 15px;}

}

@media screen and (max-width: 640px) {
    #footer{padding: 40px 0;}

    #footer .fs_17{font-size: 14px;}
    #footer .fs_15{font-size: 13px;}

    #footer .footer_con{padding: 0 20px;}

    #footer .footer_con .txt > span:nth-child(n+2){margin-top: 6px;}
    #footer .footer_con .copy{padding-top: 25px; margin-top: 25px}
}
@media screen and (max-width: 480px) {
    #footer br.mob{display: block;}
    #footer .footer_con .txt b{margin-right: 5px;}

}
