footer {
    /* header\.css의 innerBody와 싱크 */
    width: 1200px;
    box-sizing: border-box;     /* 박스 외부로 컨텐츠 넘치는 것 방지 */

    /* background-color: #333; */
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 30px;
    /* padding-left: 20px;
    padding-right: 20px; */
    /* margin-top: 90px; */

    /* margin-top: 30px; */
    margin-top: 60px;

    /* border-top: 3px solid #777; */

    /* color: #333; */
    text-decoration: none;

    font-size: 12px;
}


.footerSeg {
    box-sizing: border-box;     /* 박스 외부로 컨텐츠 넘치는 것 방지 */
    
    /* padding-top: 10px; */
    padding: 0;
    margin-top: 30px;
    /* margin-right: 100px; */
    list-style-type: none;
    line-height: 28px;

    /* text-align: left; */

    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 20px;
}
    .footerLinkItem:hover {
        color: #E66419;
        font-weight: 800;

        cursor: pointer;
    }

.copyright {
    margin: 30px;
    padding: 30px;
    text-align: center;
    /* margin-top: 30px; */
    /* font-size: 1rem; */
    font-size: 16px;
    /* font-weight: 900; */
}

    /* 링크 속성 >> 상속받은 속성 초기화 후 재적용 */
    footer a {
        all: unset;
    }
    a.footerLink, div.footerLink {
        text-decoration: none;
        /* color: #CFCFCF; */
        cursor: pointer;
    }














/* 가로폭에 따른 단말 유형 별 화면 정의 */
@media screen and (max-width: 1440px) {
    /* 가로폭이 줄어들면 패딩 20 띄워놓고 진행 */
    footer {
        max-width: 1260px;
        width: 100%;
        padding: 0 20px;
    }

}
/* @media screen and (min-width: 630px) and (max-width: 960px) { */
@media screen and (max-width: 839px) {
    footer {
        max-width: none;
        width: 100%;
        padding: 0 20px;
    }

}
    /* 840 - 20 - 20 = 800 보다 작으면 최소 가로폭 200씩이므로 3열 2행 구조로 변경 */
    @media screen and (min-width: 640px) and (max-width: 839px) {
        /* 2번째 열은 중간 정렬 */
        .footerSeg2 {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        
        /* 3번째 열은 우측 정렬 */
        .footerSeg3 {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
        }
    }
    /* 640 - 20 - 20 = 600 보다 작으면 최소 가록 200씩이므로 2열 2행 구조로 변경 */
    @media screen and (max-width: 639px) {
        /* 2번째, 4번째 열은 우측 정렬 */
        .footerSeg2,
        .footerSeg4 {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
        }
    }



@media screen and (max-width: 629px) {
    footer {
        max-width: none;
        width: 100%;
        padding: 0 20px;
    }

}