@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.Instagram a{background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)}
#quick_bnr ul li.youtube a{background:#ff0000}
#quick_bnr ul li.tiktok a{background-color:#000}
#quick_bnr ul li.wechat a{background:linear-gradient(135deg,#19E58F 0%,#07C160 55%,#05964E 100%)}
#quick_bnr ul li.phone a{background:var(--primary)}
#quick_bnr ul li.phone a > i{color:#fff;font-size:25px}
#quick_bnr ul li a{overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;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 .sns p{font-size:16px;font-weight:500;color:#fff;transition:all.3s;font-family:var(--e-font)}
#quick_bnr ul li .sns p{display:none;transition:all .3s}
#quick_bnr ul li .qr{overflow:initial;position:relative;cursor:pointer}
#quick_bnr ul li .qr div{display:none;position:absolute;width:152px;right:120%;bottom:0;padding:10px;border-radius:10px;background:#fff;box-shadow:0px 4px 12px rgba(0, 0, 0, 0.1)}
#quick_bnr ul li .qr div p{font-size:14px;font-weight:700;padding-top:5px}
#quick_bnr ul li .qr div img{width:100%}
#quick_bnr ul li .qr div.show{display:block}
/* 반응형 [s] */
@media (hover:hover){
#quick_bnr ul li .sns:hover{width:200px;height:60px;border-radius:30px}
#quick_bnr ul li .sns: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] */