#header { position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 10; }
#header h1 { padding: 60px 0 0; }
#header h1 img { width: 299px; }

@media screen and (max-width:1180px) {
    #header h1 { padding: 50px 0 0; }
    #header h1 img { width: 270px; }
}
@media screen and (max-width:1024px) {
    #header h1 { padding: 40px 0 0; }
    #header h1 img { width: 240px; }
}
@media screen and (max-width:768px) {
    #header h1 { padding: 30px 0 0; }
    #header h1 img { width: 210px; }
}
@media screen and (max-width:640px) {
    #header h1 { padding: 20px 0 0; }
    #header h1 img { width: 180px; }
}





#quick { position: fixed; right: 20px; bottom: 20px; z-index: 100; }
#quick a { position: relative; display: block; }
#quick a img { width: 375px; }
#quick a p { position: absolute; text-align: center; line-height: 132.14%; bottom: 13%; left: 0; right: 0; width: 100%; color: #ffffff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); font-size: 28px; font-family: 'GmarketSans'; font-weight: 700; }
#quick a p span { color: #fdff65; }

@media screen and (max-width:1180px) {
    #quick { right: 15px; bottom: 15px; }
    #quick a img { width: 310px; }
    #quick a p { font-size: 24px; }
}
@media screen and (max-width:1024px) {
    #quick { right: 10px; bottom: 10px; }
    #quick a img { width: 245px; }
    #quick a p { font-size: 19px; }
}
@media screen and (max-width:768px) {
    #quick { right: 5px; bottom: 5px; }
    #quick a img { width: 180px; }
    #quick a p { font-size: 15px; }
}
@media screen and (max-width:640px) {
    #quick { right: 0; bottom: 0; }
    #quick a img { width: 115px; }
    #quick a p { font-size: 10px; }
}