@charset "utf-8";

#quick_bnr{display:flex;flex-direction:column;align-items:flex-end;position:fixed;right:30px;bottom:30px;z-index:20;text-align:center;font-size:12px;letter-spacing:-.3px;transition:right .4s;font-family:'notokr-medium'}
#quick_bnr.on{z-index:0;}
#quick_bnr.fixed{display:flex;align-items:end;flex-direction:column;right:20px}
#quick_bnr .close{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:100%;border:none;box-shadow:none;background:#fff}
#quick_bnr .close .open{display:none}
#quick_bnr ul{display:flex;flex-direction:column;align-items:end}
#quick_bnr ul li{margin-top:10px}
#quick_bnr ul li.kakao a{background:#FFE812}
#quick_bnr ul li.kakao a p{color:#3C1E1E}
#quick_bnr ul li.tele a{background:linear-gradient(180deg, #37AEE2 0%, #1E96C8 100%)}
#quick_bnr ul li.whats a{background:linear-gradient(180deg, #25D366 0%, #128C7E 100%)}
#quick_bnr ul li.phon a{background:var(--primary)}
#quick_bnr ul li.phon a > i{color:#fff;font-size:25px}
#quick_bnr ul li a{overflow:hidden;display:flex;align-items:center;justify-content:center;gap:15px;width:60px;height:60px;border-radius:30px;transition:all.3s;box-shadow:4px 4px 20px rgba(17, 17, 17, 0.3)}
#quick_bnr ul li a p{font-size:16px;font-weight:500;color:#fff;transition:all.3s;font-family:var(--e-font)}
#quick_bnr ul li a p{display:none;transition:all .3s}

/* 반응형 [s] */
@media (hover:hover){
#quick_bnr ul li a:hover{width:200px;height:60px;border-radius:30px}
#quick_bnr ul li a:hover p{display:block}
}
@media (max-width:1024px){
#quick_bnr{right:20px;bottom:20px}
}
@media (max-width:480px){
#quick_bnr .close{width:50px;height:50px}
#quick_bnr ul li a{width:50px;height:50px}
#quick_bnr ul li a:hover{height:50px}
}
@media (max-width:380px){
}
/* 반응형 [e] */