@charset "utf-8";

header { padding-bottom: 40px; border-bottom: 2px solid #003c83; }
header h1 { padding-top: 40px; }
header h1 a { display: block;  margin: 0 auto; }
header h1 a > img { display: block; width: 100%; max-width: 120px; margin: 0 auto; }
header h1 a > span { display: block; padding-top: 15px; font: 500 26px/100% 'HyundaiSansHead'; text-align: center; }

footer {width: 100%; background-color: #eee; box-sizing: border-box; height: 50px; }
footer p {text-align: center; font-size: 14px; color: #888;line-height: 50px;}
footer p span {color: #002c5f; font-weight: 400;}




@media screen and (max-width: 500px){
    header { padding-bottom: 24px; }
    header h1 { padding-top: 24px; }
    header h1 a { display: flex; align-items: center; justify-content: space-between; padding: 0 2%; }
    header h1 a > img { margin: 0; }
    header h1 a > span { font-size: 17px; padding: 0; letter-spacing: -0.6px; }
}