#footer { background-color: #000; }
#footer .container ul { font-size: 0; }
#footer .container ul li { display: inline-block; }
#footer .container ul li a { color: #FFF; font-family: 'Pretendard'; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; display: block; padding: 30px 15px; }
#footer .container ul li:first-child a { padding-left: 0; }
#footer .container > div { padding: 60px 0; position: relative; }
#footer .container > div h6 { position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 100px; }
#footer .container > div h6 img { width: 100%; }
#footer .container > div div { padding: 0 0 0 160px; }
#footer .container > div div p { color: #FFF; font-family: 'Pretendard'; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; padding-top: 8px; }
#footer .container > div div p.t { color: #FFF; font-size: 16px; font-weight: 700; padding-top: 0; padding-bottom: 8px; }
#footer .container > div div span { display: block; padding: 4px 0; color: #FFF; font-family: 'Pretendard'; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; }
#footer .container > div div span strong { font-weight: 400; }

@media screen and ( max-width: 1250px ) {
    #footer .container ul li a { font-size: 15px; padding: 27px 13.5px; }
    #footer .container > div { padding: 54px 0; }
    #footer .container > div h6 { width: 90px; }
    #footer .container > div div { padding: 0 0 0 145px; }
    #footer .container > div div p { font-size: 13px; padding-top: 7.5px; }
    #footer .container > div div p.t { font-size: 15px; padding-bottom: 7.5px; }
    #footer .container > div div span { font-size: 15px; }
}

@media screen and ( max-width: 1024px ) {
    #footer .container ul li a { font-size: 14px; padding: 24px 12px; }
    #footer .container > div { padding: 48px 0; }
    #footer .container > div h6 { width: 80px; }
    #footer .container > div div { padding: 0 0 0 130px; }
    #footer .container > div div p { font-size: 12px; padding-top: 7px; }
    #footer .container > div div p.t { font-size: 14px; padding-bottom: 7px; }
    #footer .container > div div span { font-size: 14px; }
}

@media screen and ( max-width: 768px ) {
    #footer .container ul li a { font-size: 13px; padding: 21px 10.5px; }
    #footer .container > div { padding: 42px 0; }
    #footer .container > div h6 { width: 70px; }
    #footer .container > div div { padding: 0 0 0 115px; }
    #footer .container > div div p { font-size: 11px; padding-top: 6.5px; }
    #footer .container > div div p.t { font-size: 13px; padding-bottom: 6.5px; }
    #footer .container > div div span { font-size: 13px; }
}

@media screen and ( max-width: 640px ) {
    #footer .container ul li { width: 33.33%; }
    #footer .container ul li a { font-size: 12px; padding: 18px 9px; text-align: center; }
    #footer .container ul li:first-child a { padding-left: 9px; }
    #footer .container > div { padding: 36px 0; text-align: center; }
    #footer .container > div h6 { display:inline-block; width: 60px; position: static; left: auto; top: auto; transform: translate(0, 0); }
    #footer .container > div div { padding: 18px 0 0; }
    #footer .container > div div p { font-size: 10px; padding-top: 6px; }
    #footer .container > div div p.t { font-size: 12px; padding-bottom: 6px; }
    #footer .container > div div span { font-size: 12px; }
    #footer .container > div div span strong { display: block; font-size: 0; color: transparent; width: 0; }
}