#footer { background-color: #fafafa; }
#footer > div { border-top: 1px solid #d0d0d0;  }
#footer > div .container .fnb { font-size: 0; text-align: center; }
#footer > div .container .fnb li { display: inline-block; width: 20%; vertical-align: top; }
#footer > div .container .fnb li a { display: block; font-size: 18px; color: #535353; font-weight: 500; line-height: 277%; font-family: 'Pretendard'; }
#footer > div .container .info { padding: 70px 0 80px; overflow: hidden; }
#footer > div .container .info > * { float: left; padding: 0 40px; }
#footer > div .container .info h6 { width: 264px; }
#footer > div .container .info div { width: calc(100% - 264px); }
#footer > div .container .info h6 a img { width: 184px; }
#footer > div .container .info div p { font-size: 15px; color: #535353; font-family: 'Pretendard'; line-height: 133%; margin: 15px 0 0; }
#footer > div .container .info div p:first-child { margin: 0; }

@media screen and ( max-width: 1250px ) {
    #footer > div .container .fnb li a { font-size: 16.5px; }
    #footer > div .container .info { padding: 60px 0 70px; }
    #footer > div .container .info > * { padding: 0 35px; }
    #footer > div .container .info h6 { width: 234px; }
    #footer > div .container .info div { width: calc(100% - 234px); }
    #footer > div .container .info h6 a img { width: 164px; }
    #footer > div .container .info div p { font-size: 13.5px; margin: 13.5px 0 0; }
}

@media screen and ( max-width: 1024px ) {
    #footer > div .container .fnb li a { font-size: 15px; }
    #footer > div .container .info { padding: 50px 0 60px; }
    #footer > div .container .info > * { padding: 0 30px; }
    #footer > div .container .info h6 { width: 204px; }
    #footer > div .container .info div { width: calc(100% - 204px); }
    #footer > div .container .info h6 a img { width: 144px; }
    #footer > div .container .info div p { font-size: 12px; margin: 12px 0 0; }
}

@media screen and ( max-width: 768px ) {
    #footer > div .container .fnb li a { font-size: 13.5px; }
    #footer > div .container .info { padding: 40px 0 50px; }
    #footer > div .container .info > * { padding: 0 25px; }
    #footer > div .container .info h6 { width: 174px; }
    #footer > div .container .info div { width: calc(100% - 174px); }
    #footer > div .container .info h6 a img { width: 124px; }
    #footer > div .container .info div p { font-size: 10.5px; margin: 10.5px 0 0; }
}

@media screen and ( max-width: 640px ) {
    #footer > div .container .fnb li { width: 33.33%; }
    #footer > div .container .fnb li a { font-size: 12px; }
    #footer > div .container .info { padding: 30px 0 40px; }
    #footer > div .container .info > * { float: none; width: auto !important; }
    #footer > div .container .info h6 { text-align:center; padding: 0 0 20px; }
    #footer > div .container .info div { padding: 20px 0 0; }
    #footer > div .container .info h6 a img { width: 104px; }
    #footer > div .container .info div p { font-size: 9px; margin: 9px 0 0; }
}