@charset "utf-8";

#sideBnr{position:fixed;top:427px;left:0;z-index:101;transform:translateY(-50%)}
#sideBnr ul{width:auto;padding:4px 4px 4px 0px;border-radius:0 8px 8px 0;background:#fff;box-shadow:4px 4px 16px rgba(0,0,0,.2)}
#sideBnr ul li+li{margin-top:8px}
#sideBnr ul li img{border-radius:8px}

/*#eventQuick*/
#eventQuick{position:fixed;top:427px;right:0;z-index:120;transform:translateY(-50%);color:#fff}
#eventQuick ul{width:200px;padding:4px;border-radius:8px 0 0 8px;background:#fff;box-shadow:4px 4px 20px rgba(0,0,0,.2)}
#eventQuick ul li+li{margin-top:8px}
#eventQuick ul li img{border-radius:8px;}
#eventQuick ul li a{cursor:pointer}

/* 반응형 [s] */
@media (max-width:1660px){
#sideBnr ul{width:140px}
#sideBnr ul li img{width:100%}
#eventQuick ul{width:140px}
#eventQuick ul li img{width:100%}
}
@media (max-width:1200px){
#sideBnr{display:none}
#eventQuick{display:none}
}
@media (max-width:1024px){
#quickList{top:auto;bottom:30px;transform:none}
#quickList ul li a span{display:none}
}
@media (max-width:768px){
#quickList{display:flex;align-items:center;right:auto;left:50%;bottom:15px;transform:translateX(-50%);width:calc(100% - 20px);justify-content: space-evenly;background: rgba(0, 0, 0, .5);backdrop-filter: blur(15px);}
#quickList ul{display:flex;width:calc(100% - 35px);justify-content:space-evenly}
#quickList ul li{width:calc(100%/5)}
#quickList ul li+li{margin-top:0}
#quickList ul li a{width:100%;height:40px;line-height:40px}
#quickList ul li a img{width:20px !important}
#quickList button{width:35px;margin:0}
#quickList li+li{margin-top:0}
#quickList li a span{display:none}
}
/* 반응형 [e] */