페이스북과 트위터 아이콘은 위의 위치에서 변경을 하는 부분이 아닙니다. 

메인도 그렇고 서브도 그렇고 모두 {GROUP_snsShare} 이 그룹디자인에서 출력을 하고 있는데요..

해당 그룹디자인 소스를 보면 

<a href="javascript:;" onclick="sendFaceBook('{$shop_name}')">
            <i class="sp-ico facebook2"></i>
            <span>페이스북</span>
        </a>
        <a href="javascript:;" onclick="sendTwitter('{$shop_name}')">
            <i class="sp-ico twitter2"></i>
            <span>웹하드</span>
        </a>

이와 같이 정의가 되어있습니다. 여기서 중요한게 빨간색 부분인데요.

클래스 파일에서 png파일을 호출을 해서 처리를 하고 있습니다. 

 

메인에 페이스북에 마우스를 올려서 오른쪽버튼을 통해 요소검사를 해보면 아래와 같은 내용이 나옵니다. 

빨간색 테두리 부분이 실질적으로 출력이 되는 아이콘입니다. 보시면 아시겠지만 여러개의 아이콘이 모여져있는데요..빨간색 테두리 바로 위에 보면 포지션값이 있는데 해당 포지션값에 맞는 내용이 출력이 되는 시스템입니다.

따라서 페스이북아이콘을 변경을 하실려면 포지션 값을 변경을 하거나 혹은 png파일을 수정을 해주셔야 됩니다. 

아니면 완전 다른 용도로 사용을 하신다면 소스자체를 제거를 하고 <img 태그를 써서 이미지를 그냥 올려버리는것도 하나의 방법입니다.