#q_banner_wrap {position: fixed; right:126px; bottom: 126px;z-index:10; transition: all .3s; }
/* .scrolled #q_banner_wrap.sub  {opacity: 1; pointer-events: auto; } */
/* sns */
#q_banner_wrap .sns li {margin-bottom:13px;}
#q_banner_wrap .sns li:last-child {margin-bottom: 0;}
#q_banner_wrap .sns li a {display: flex; align-items: center; justify-content: center; transition: all .3s; width: 55px; height: 55px; background:#999; border-radius: 50%;
 box-shadow: 2.2px 2px 5.8px 0.2px rgba(0, 0, 0, 0.21);}
#q_banner_wrap .sns li a.shop:hover {background-color: #c82124; }
#q_banner_wrap .sns li a.blog:hover {background-color: #2fb14a; }
#q_banner_wrap .sns li a.youtube:hover {background-color: #e01616; }
#q_banner_wrap .sns li a.kakao:hover {background-color: #ffd800; }


@media screen and (min-width: 1600px) {
    #q_banner_wrap.sub {right: 20px; bottom: 85px; }
    .scrolled #q_banner_wrap { right: 20px; bottom: 85px;}
}


@media screen and (max-width: 1599px) {
    #q_banner_wrap { right: 20px; bottom: 85px;}
    #q_banner_wrap .sns li {margin-bottom:10px; }
    #q_banner_wrap .sns li a {opacity: .7; transition: opacity .3s;}
    #q_banner_wrap .sns li a:hover {opacity: 1;}
}

@media screen and (max-width: 1024px) {
    /* #q_banner_wrap {display: none;} */
    #q_banner_wrap {right: 27px; bottom: 85px;}
    #q_banner_wrap .sns li {margin-bottom:7px; }
    #q_banner_wrap .sns li a {width: 40px; height: 40px; padding: 10px;}

}

@media screen and (max-width: 640px) {
    #q_banner_wrap {right: 13px; bottom: 60px;}
    #q_banner_wrap .sns li a {width: 35px; height: 35px; padding:8px;}

}