@charset "UTF-8";

#footer {padding: 40px 0; background: var(--darkGreen);}
#footer address {width: 100%; max-width: 1200px; margin: 0 auto; font-weight: 300; font-size: 0.938rem; color: #fff;}

#footer .etc {display: -webkit-flex; display: flex; justify-content: start; align-items: center; margin-bottom: 20px;}
#footer .etc li::after {content: ''; display: inline-block; width: 1px; height: 10px; background: var(--bone); margin: 0 6px;}
#footer .etc li:last-child::after {display: none;}
#footer .etc .btn-popup {color: #fff;}
#footer .etc #btn_privacy {font-weight: 500;}

#footer p {display: -webkit-flex; display: flex; justify-content: start; align-items: center; margin-bottom: 6px; flex-wrap: wrap;}
#footer p:last-of-type {margin-bottom: 20px;}
#footer span::after {display: inline-block; content: ''; width: 1px; height: 10px; background: var(--bone); margin: 0 6px;}
#footer span:last-child::after {display: none;}
#footer .tit {font-weight: 500;}
#footer .copy {font-weight: 200; font-size: 0.875rem; color: #F3F3F3;}





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

@media screen and (min-width:993px){

}

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

}

@media screen and (max-width:768px){
    #footer {padding: 40px;}
}

@media screen and (max-width:480px){
    #footer {padding: 30px 12px;}
}