@charset "utf-8";

#quickList{position:fixed;right:0;top: 243px;z-index:1001;transform:translateY(-50%);width: 224px;height: 295px;padding:22px;border-radius: 16px 0 0 16px;transition:all .3s;color: #fff;background: #3b846a;z-index:9999}
#quickList .top_box{display:flex;align-items:center;justify-content:center;gap: 10px;margin-bottom: 21px;font-weight:700;font-size: 19px;font-family:'Gowun Batang';flex-direction: column;}
#quickList img{width: 30px;}
#quickList .tel a{display: inline-block;width:100%;padding:10px;margin-bottom:15px;background:#fff;border-radius:550px;text-align: center;font-weight: 700;font-size: 18px;font-family: 'Gowun Batang';}
#quickList .bot ul{display:grid;grid-template-columns:repeat(2, 1fr);gap:12px}
#quickList .bot ul li{text-align:center}
#quickList .bot ul li a{display:block}
#quickList .bot ul li .box{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50px;height: 43px;margin-bottom:10px}
#quickList .bot ul li .box svg{width:20px}
#quickList .bot ul li:nth-child(2) .box{background:#2f9817;color:#fff;font-weight:700;font-size:16px}
#quickList .bot ul li .txt{font-size:15px}
#quickList .bot ul li svg{color:#222}

/* 반응형 [s] */
@media (max-width:1024px){
#quickList{width: auto;height:250px;top:76px;bottom:30px;transform:none}
#quickList .top_box{font-size:15px}
#quickList .tel a{font-size:15px}
#quickList .bot ul li .box svg{width:17px}
#quickList .bot ul li .txt{font-size:14px}
#quickList ul li a span{display:none}
#quickList img{width:20px}
}
@media (max-width:500px){
#quickList{display: flex;width:100%;height: 80px;top:76px;bottom:30px;transform:none;padding: 22px 10px;border-radius:0;justify-content:space-between;align-items:center;z-index: 1;}
#quickList img{display:none}
#quickList .top{display:flex;align-items:center;gap:10px}
#quickList .top_box{margin-bottom:0;font-size:14px}
#quickList .tel a{margin-bottom:0;font-size:14px}
#quickList .bot ul{gap:10px}        
#quickList .bot ul li .box{width:43px;margin-bottom:5px}
#quickList .bot ul li .txt {font-size:12px;display:none}
#quickList .bot ul li:nth-child(2) .box{font-size:12px}
}
@media (max-width:400px){
#quickList{padding:22px 10px}
#quickList .top{gap:10px}
#quickList .top_box{font-size:12px}  
#quickList .tel a{font-size: 11px;} 
#quickList .bot ul li .box svg{width:15px}
#quickList .bot ul li .txt{font-size:11px}
#quickList .bot ul{gap:10px;}
}
/* 반응형 [e] */