/* ===============================================================
    * footer 
=============================================================== */
footer {border-top: 1px solid #ccc;}
.foot-top {width: 100%; height: 185px; display: flex; justify-content: space-between; align-items: center;}
.foot-top__box {width: calc(100% / 3); font-size: 16px; font-weight: 200; color: #222; text-align: center;}
.foot-top__box span {display: block;}
.foot-top__box i {font-size: 28px; color: #444; margin-bottom: 15px;}
.foot-top__box a {line-height: 20px;}
.foot-info {background: #333; text-align: center; padding: 80px 0 60px;}
.foot-logo {display: inline-block; margin-bottom: 40px;}
.foot-info__list {margin: 0 auto; color: #aaa;}
.foot-info__list li {position: relative; padding: 5px 10px; font-size: 14px; display: inline-block;}
.foot-info__list li:after {content: ''; position: absolute; width: 1px; height: 12px; background: #aaa; top: 50%; transform: translateY(-50%); right: -2px;}
.foot-info__list li:nth-of-type(3):after,
.foot-info__list li:last-of-type:after {opacity: 0;}
.foot-copy {font-size: 14px; color: #656565; text-transform: uppercase; margin-top: 30px;}
.foot-btm {background: #282828;}
.foot-btm__list {width: 100%; height: 82px; display: flex; justify-content: center; align-items: center;}
.foot-btm__list li {margin: 0 20px;}
.foot-btm__list a {color: #fff; font-size: 14px; display: inline-block;}
.foot-btm__list .foot-btm__color {color: #668ee0;}
.foot-btm__list img {vertical-align: middle; margin-left: 5px;}
@media (max-width: 750px){
    .foot-top {flex-direction: column; height: 335px; padding: 48px 0;}
    .foot-top__box {width: 100%; font-size: 14px; margin: 10px 0;}
    .foot-top__box i {font-size: 25px; margin-bottom: 10px;}
    .foot-info {padding: 50px 0;}
    .foot-logo {margin-bottom: 25px;}
    .foot-info__list li {font-size: 12px;}
    .foot-copy {font-size: 12px; margin-top: 20px;}
    .foot-btm {padding: 10px 0;}
    .foot-btm__list {flex-wrap: wrap;}
    .foot-btm__list a {font-size: 12px;}

    .foot-info__list li:nth-of-type(3):after {opacity: 1;}
    .foot-info__list li:nth-of-type(2):after,
    .foot-info__list li:nth-of-type(4):after {opacity: 0;}

}