@import url("./normalize.css");
@import url("./theme.css");
@import url("./base.css");


/* 공통 푸터 */
.footer__container {
  background: var(--secondary-color);
  color: var(--white);
  padding: var(--spacing-xl) var(--spacing-lg);
}

.address {
  margin-bottom: var(--spacing-base);
}


/* 데스크탑 */
@media (min-width: 768px) {

      /* 데스크탑 푸터 */
    .footer__container {
        display:flex;
        flex-flow: column;   /* 아래로 펼치기 */
        align-items: center; /* 가운데 정렬로 변경 */
        text-align: center;
        padding: var(--spacing-sm) var(--spacing-sm); /* top and bottom | left and right */
    }

    .footer__menu__list{
        width: 100%;
        max-width: var(--container-width);
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-evenly;
        align-items: center;
        padding: var(--spacing-xs); /* all sides */
    }

    /*데스크탑 푸터메뉴링크*/
    .footer__menu__link {
        font-size: var(--text-sm);
        font-weight: 400;
        color: var(--white);
    /* text-shadow: 1px 1px 0 var(--black), -1px -1px 0 var(--black);*/
    }


}



/* 모바일 기기 */
@media (max-width: 767px){

      /* 모바일 푸터 */
    .footer__container {
        text-align: center;
        padding: var(--spacing-xs) var(--spacing-xs); /* top and bottom | left and right */
        margin-top : var(--spacing-xl);
    }

    .footer__menu__list{
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-evenly;
        align-items: center;
        padding: var(--spacing-xs); /* all sides */
    }

    /* 모바일 푸터메뉴링크 */
    .footer__menu__link {
        font-size: var(--text-xs);
        font-weight: 300;
        color: var(--white);
    /* text-shadow: 1px 1px 0 var(--black), -1px -1px 0 var(--black);*/
    }

    
}