@charset "utf-8";
.pc-only {display: block}
.mo-only {display: none}

#quick .quick_wrap {position: fixed; bottom:25%; right: 20px; width: 93px; z-index: 999;}

#quick .quick_wrap .tel_area {background-color: #202020; padding: 16px 9px; border-radius: 10px; text-align: left;}
#quick .quick_wrap .tel_area a > span {color: #fff;}
#quick .quick_wrap .tel_area a > p {color: #fff; font-size: 1.2rem; line-height: 1.3; margin-top: 18px;}

#quick .quick_wrap .link_area {background-color: #fff; border-radius: 10px; margin-top: 10px; overflow: hidden; box-shadow: 0 0 9px rgb(115 115 115);}
#quick .quick_wrap .link_area ul {padding: 10px 0;}
#quick .quick_wrap .link_area li {padding: 15px 0; text-align: center;}
#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;}
#quick .quick_wrap .link_area li a > span {display: block; padding-top: 10px; color: #222; font-size: 0.9375rem; font-weight: 500; font-family: "Pretendard"; letter-spacing: -1px;}

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

@media all and (max-width: 1024px) {
  .mo-only {display: block;}
	.pc-only {display: none;}
  	
	#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 .link_area li a > span {font-size: 11px;}

	.quick_btn {display: block; position: fixed; width: 50px; z-index: 99; right: 14px; bottom: 6%;}
	.quick_btn img {width: 100%;}
}