@charset "utf-8";
#quick .quick_wrap {position: fixed; bottom:26%; right: 20px; width: 80px; padding: 24px 0; background-color: #12489d; border-radius: 40px; z-index: 999; overflow: hidden;}


#quick .quick_wrap li {position: relative; padding: 23px 0; text-align: center;}
#quick .quick_wrap li::after {display: block; content: ""; clear: both; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 60px; height: 1px; background-color: #fff;}
#quick .quick_wrap li:nth-child(1)::after {display: none;}
#quick .quick_wrap li .quick_img {display: block; background-image: url('../../images/common/quick_icon.svg'); background-repeat: no-repeat; background-size: 800%; width: 25px; height: 25px; margin: 0 auto;filter: invert(99%) sepia(0%) saturate(4406%) hue-rotate(166deg) brightness(117%) contrast(100%);}
#quick .quick_wrap li a > span {display: block; padding-top: 10px; color: #ffffff; font-size: 0.9375rem; font-weight: 500; font-family: "Pretendard"; letter-spacing: -1px;}

#quick .quick_wrap li:nth-child(1) .quick_img {background-position: 0 0;}
#quick .quick_wrap li:nth-child(2) .quick_img {background-position: -25px -24px;}
#quick .quick_wrap li:nth-child(3) .quick_img {background-position: 1px -24px;}
#quick .quick_wrap li:nth-child(4) .quick_img {background-position: -127px 0;}

.quick_btn{display: none; position: fixed; width: 50px; z-index: 99; right: 11px; bottom: 6%; filter: invert(18%) sepia(66%) saturate(2144%) hue-rotate(206deg) brightness(104%) contrast(101%);}
.quick_btn img {width: 100%;}

@media all and (max-width: 1024px) {

#quick .quick_wrap {zoom: 0.6; bottom: 15%; display: none;}
#quick .quick_wrap .tel_area a > span,
#quick .quick_wrap .tel_area a > p,
#quick .quick_wrap li a > span {font-size: 11px;}
.quick_btn {display: block;}
}