/* 푸터 */
footer {padding: 40px 15rem 0; background-color: #333; color: #ddd;}
    /* 상단 */
    .top {display: flex; justify-content: space-between; padding-bottom: 15px; border-bottom: 1px solid #ddd;}
        /* 정보 */
        .info ul {display: flex;}
        .info ul li::after {content: "ㅣ"; margin: 0 5px;}
        .info ul li:first-of-type {padding: 0 30px 0 0;}
        .info ul li:first-of-type::after {content: "";}
        .info ul li:last-of-type::after {content: "";}
        /* 기타 */
        .etc ul {display: flex;}
        .etc ul li {cursor: pointer;}
        .etc ul li::before {content: "ㅣ"; margin: 0 5px;}
        .etc ul li:first-of-type::before {content: "";}
    /* 하단 */
    .bottom {height: 100px; display: flex; justify-content: center; align-items: center;}
        /* 카피 */

@media screen and (max-width:1600px) {
    footer {padding:  40px 11rem 0;}
    
}
@media screen and (max-width:1300px) {
    .top {display: block;}
    .etc ul {justify-content: flex-end;margin-top: 15px;}
}
@media screen and (max-width:1250px) {
    footer {padding: 40px 8rem 0;}
    .info ul li:first-of-type {padding:  0 10px 0 0;}
    
}
@media screen and (max-width:1000px) {
    footer {padding: 40px 3rem 0;}
    
}
@media screen and (max-width:850px) {
    .info ul {flex-direction: column; align-items: center;}
    .info ul li::after {content: ""; margin: 0;}
    .info ul li:first-of-type {padding: 0;}
    .etc ul {justify-content: center;}
    .bottom {height: 80px;}
}