.q_banner_wrap { position: fixed; top: 260px; right: 40px; z-index: 10; width: 60px; text-align: center; }
.q_banner_wrap h1 {  font-size: 16px; font-weight: bold; letter-spacing: -0.4px; color: #5db3ba; line-height: 18px;
    margin-bottom: 15px; word-break: keep-all; }
.q_banner_wrap li { width:60px; height: 60px; }
.q_banner_wrap li + li { margin-top: 10px; }
.q_banner_wrap li a { display: flex; justify-content: center; align-items: center; width:100%; height: 100%; background-color: #5db3ba; border-radius: 50%; }
.q_banner_wrap li a img { transition: all .5s; }

.q_banner_wrap .li1 h1 br { display: none; }
.q_banner_wrap .li2 { margin-top: 40px; }
.q_banner_wrap .li2 h1 { color: #8895ae; }
.q_banner_wrap .li2 a { background-color: #8895ae; }




@media screen and (min-width: 1024px) {
    .q_banner_wrap li a:hover img { transform: rotateY(180deg);}

}


@media screen and (max-width: 1600px) {
    .q_banner_wrap { width: auto; right: 15px; }
    .q_banner_wrap h1 { font-size: 14px; line-height: 18px; margin-bottom: 10px; }

    .q_banner_wrap li { width:40px; height: 40px; margin:0 auto; }
    .q_banner_wrap li + li { margin-top: 5px; }
    .q_banner_wrap li a img { width: 20px; }

    .q_banner_wrap .li1 h1 br { display: block; }
    .q_banner_wrap .li2 { margin-top: 30px; }
}

@media screen and (max-width: 1023px) {
    .q_banner_wrap { display: none; }
}