@charset "utf-8";
/* ===================================================================
   m-refresh.css
   기존 모바일 CSS(reset/common/style/respon)는 그대로 두고, 맨 나중에
   불러와 하단 플로팅 메뉴에 카카오문의/선물하기 2개 항목이 추가된
   부분만 보강합니다.
=================================================================== */

/* 항목이 4개 -> 6개로 늘어난 만큼 펼쳐졌을 때의 높이를 다시 계산 (56px+10px 여백 * 6 - 마지막 여백 10px) */
.scroll_menu .scroll_btn.on .btn{ height: 388px; }

/* 새로 추가된 두 항목(quick_kakao, quick_gift)의 아이콘을 클래스 기준으로 직접 지정합니다.
   (기존 코드는 nth-child로 순서를 지정하는데 button 태그가 섞여있어 순번이 어긋나기 쉬우므로,
    클래스명으로 명확히 지정하고 인라인 SVG를 써서 외부 네트워크와 무관하게 항상 표시되게 합니다) */
.scroll_menu .btn a.quick_kakao:after{
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23391B1B' d='M12 3C6.48 3 2 6.58 2 11c0 2.86 1.87 5.37 4.68 6.79-.15.55-.97 3.55-1 3.78 0 0-.02.17.09.24.11.06.24.01.24.01.32-.04 3.68-2.41 4.26-2.82.55.08 1.12.12 1.73.12 5.52 0 10-3.58 10-8s-4.48-8-10-8z'/%3E%3C/svg%3E") 50% 50% no-repeat;
  background-size: 26px 26px;
}
.scroll_menu .btn a.quick_gift:after{
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 12 20 22 4 22 4 12'/%3E%3Crect x='2' y='7' width='20' height='5'/%3E%3Cline x1='12' y1='22' x2='12' y2='7'/%3E%3Cpath d='M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z'/%3E%3Cpath d='M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z'/%3E%3C/svg%3E") 50% 50% no-repeat;
  background-size: 26px 26px;
}