이 부분은 sns_ico@1x.png라는 이미지에서 추출을 해서 처리를 하고 있습니다. 

디자인팜을 실행을 해서 해당 부분의 소스를 확인을 해주시기 바랍니다. 

제일 마지막에 카카오톡이라고 있는데요..클래스가 정의가 되어있지 않습니다. 아래의 페이스북의경우는 클래스가 정의가 되어있는데 카카오톡의 경우는 클래스가 정의가 되어있지 않습니다.

 

이 부분을 보면 페이스북에 대한 클래스가 정의가 되어있는데요..이처럼 카카오톡도 정의를 해주셔야 됩니다. 

먼저 카카오톡의 클래스명을 페이스북이랑 맞춰주는게 좋을듯 합니다. 

<li><a href="javascript:kakao_api_link()">    <i class="sp-ico kakaoTalk"></i><span>카카오톡</span></a></li>

이것을

<li><a href="javascript:kakao_api_link()">    <i class="kakaoTalk_14462_"></i><span>카카오톡</span></a></li>

이렇게 변경을 하고 

.sns_share_14462_ li .facebook_14462_ {background-position:0px -120px;}
.sns_share_14462_ li .twitter_14462_ {background-position:-40px -120px;}

이 부분에

.sns_share_14462_ li .kakaoTalk_14462_ {background-position:-160px -120px;}
.sns_share_14462_ li .facebook_14462_ {background-position:0px -120px;}
.sns_share_14462_ li .twitter_14462_ {background-position:-40px -120px;}

이렇게 추가를 해주시기 바랍니다.