/* footer */
#footer {background: #1c1d27; overflow: hidden;}
#footer .inner {padding: 53px 0;}
#footer .link-area {border-bottom: 1px solid rgba(214, 215, 221, .25); margin-bottom: 25px; padding-bottom: 25px;}
.footer-link {display: flex;}
.footer-link li a {position: relative; display: inline-block; font-size: 17px; font-weight: 400; color: rgba(255, 255, 255, .6); transition: .2s;}
.footer-link li + li a::before {content: ''; display: inline-block; width: 1px; height: 16px; background: rgba(214, 215, 221, .4); vertical-align: -1px; margin: 0 35px;}
.footer-link li:hover a, #footer .copyright a:hover {color: #ccc;}

#footer .info-area .row {display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px;}
.footer-info {display: flex; flex-wrap: wrap; max-width: 800px;}
.footer-info p {position: relative; font-size: 14px; font-weight: 300; line-height: 1.93; color: rgba(255, 255, 255, 0.58);}
.footer-info p + p::before {content: ''; display: inline-block; width: 1px; height: 14px; background: rgba(255, 255, 255, 0.58); vertical-align: -1px; margin: 0 16px;}
.footer-info p:nth-child(5)::before {display: none;}
.footer-logo {display: block;}
.footer-logo::before {content: ''; display: inline-block; width: 128px; height: 48px; background: url("../img/footer_logo.png") no-repeat center; vertical-align: top;}
#footer .copyright {font-size: 14px; font-weight: 300; color: #808792;}
#footer .copyright a::before {content: ''; display: inline-block; width: 1px; height: 14px; background: #808792; vertical-align: -1px; margin: 0 13px;}

#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, .5); z-index: 9; transition: .3s; pointer-events: none; opacity: 0;}
#top-btn:hover {border-color: #e50050; background: #e50050; color: #fff;}
.scrolled #top-btn {opacity: 1; pointer-events: auto;}

/* media query */
@media screen and (max-width: 1700px) {
    /* common */
    #footer .inner {padding: 53px 60px;}

    .footer-link li a {font-size: 17px;}
}

@media screen and (max-width: 1400px) {
    .footer-link li a {font-size: 16px;}
}

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

@media screen and (max-width: 1200px) {
    .footer-info {max-width: 700px;}
    .footer-info p, #footer .copyright {font-size: 13px;}
}

@media screen and (max-width: 1023px) {
    #footer .inner {padding: 40px 50px;}

    #footer .link-area {display: none;}
    #footer .info-area .row {flex-direction: column; margin-bottom: 15px;}
    .footer-logo {order: -1; margin-bottom: 15px;}
    .footer-logo::before {background-size: contain; width: 100px;}
    .footer-info {text-align: center; flex-direction: column; max-width: none;}
    .footer-info p + p::before {display: none;}
    #footer .copyright {text-align: center;}

}

@media screen and (max-width: 767px) {
    /* common */
    #footer .inner {padding: 35px 30px;}
}