안녕하세요 ? ,카페 24를 통해서 sns간편 로그인 버튼을 추가하였는데 ( 카페 24 자체 기능 ) 아래 홈페이지의 로그인 창과같이 좌측으로 정렬되어 중앙 정렬을 위해 2시간 넘게 서치하고 코드수정해보았음에도 수정이 안되어 지식인에 올립니다 ㅠㅠ

저희 사이트는 : https://hanwoopapa.com/member/login.html 입니다.

<!--@css(/css/module/member/260/login.css)--> <!-- $defaultReturnUrl = /index.html $forbidIpUrl = member/adminFail.html -->

    <h3 class="boxTitle">회원로그인</h3>
    <fieldset>
        <legend>회원로그인</legend>
        <label class="id ePlaceholder" title="{$login_id_type_text}">{$form.member_id}</label>
        <label class="password ePlaceholder" title="비밀번호">{$form.member_passwd}</label>
        <p class="security">
            {$form.member_check_save_id}
            {$form.member_check_secret_connect}
        </p>
        <a href="#none" class="btnLogin" onclick="{$action_func_login}">로그인</a>
        <ul class="snsArea">
            <li class="{$display_naver|display}">
                <a href="#none" onclick="{$naver_func_login}"><img src="//img.echosting.cafe24.com/skin/base_ko_KR/member/btn_naver_login.gif" alt="네이버 로그인"></a>
            </li>
            <li class="{$display_facebook|display}">
                <a href="#none" onclick="{$facebook_func_login}"><img src="//img.echosting.cafe24.com/skin/base_ko_KR/member/btn_facebook_login.gif" alt="페이스북 로그인"></a>
            </li>
            <li class="{$display_google|display}">
                <a href="#none" onclick="{$google_func_login}"><img src="//img.echosting.cafe24.com/skin/base_ko_KR/member/btn_google_login.gif" alt="구글 로그인"></a>
            </li>
            <li class="{$display_kakao|display}">
                <a href="#none" onclick="{$kakao_func_login}"><img src="//img.echosting.cafe24.com/skin/base_ko_KR/member/btn_kakao_login.gif" alt="카카오계정 로그인"></a>
            </li>
            <li class="{$display_line|display}">
                <a href="#none" onclick="{$line_func_login}"><img src="//img.echosting.cafe24.com/skin/base_ko_KR/member/btn_line_login.gif" alt="LINE 로그인"></a>
            </li>
            <li class="{$display_apple|display}">
                <a href="#none" onclick="{$apple_func_login}"><img src="//img.echosting.cafe24.com/skin/base_ko_KR/member/btn_apple_login.gif" alt="apple 로그인"></a>
            </li>
            <li class="{$display_yahoojp|display}">
                <a href="#none" onclick="{$yahoojp_func_login}"><img src="//img.echosting.cafe24.com/skin/base_ko_KR/member/btn_yahoo_login.gif" alt="Yahoo! 로그인"></a>
            </li>
        </ul>
        <ul>
            <li><a href="/member/id/find_id.html">아이디찾기</a></li>
            <li><a href="/member/passwd/find_passwd_info.html">비밀번호찾기</a></li>
            <li><a href="/member/join.html">회원가입</a></li>
        </ul>

        <p class="link {$display_nomember|display}" id="noMemberWrap">
            비회원님도 상품구매가 가능하나 다양한<br>회원혜택에서 제외됩니다.
            <a href="{$returnUrl}" class="btnEm" onclick="{$action_nomember_order}">비회원구매</a>
        </p>
    </fieldset>
</div>

위와같은 코드로 되어있고 로그인 창이 정렬된 가운데로 오게 하려면 어떻게 해야 할 까요 ??