Help Center

카페24 소식

[디자인] 로그인 보안접속 필수적용 안내

2013-05-22


안녕하세요, 카페24 운영도우미 입니다.

쇼핑몰 고객의 개인정보 보호를 위해 정보통신망 이용촉진 및 정보보호 등의 관한
법률 제28조, 제67조에 의거하여 로그인시 보안접속 사용 의무화를 고지하고 있습니다.  [관련내용보기]

카페24에서도 쇼핑몰 고객의 개인정보 보호를 위해 보안접속(SSL)서비스를 의무화 적용하고 있습니다.
변경된 디자인 가이드를 참고하시어 쇼핑몰에 보안접속을 반드시 노출해 주시기 바랍니다.

보안접속 미 제공시 관련법령에 의거해 과태료가 부과될 수 있습니다.

자세한 내용은 아래를 참조해 주세요.



 적용일자 : 2013-05-22 (수)

■ 업데이트 내용

※ 모바일쇼핑몰 보안접속 적용방법


[보안접속 사용설정 기능 삭제]

보안접속 사용 의무화로 '쇼핑몰어드민 > 상점/운영 > 상점운영관련설정 > 상점 운영방식 설정 - 상점 사용 및 권한 설정'
메뉴에서 기존에 제공되던 '보안접속 사용설정 기능'이 삭제 되었습니다.
(보안접속 '사용' 상태로 기본 제공됩니다.)

▼ 상점 운영방식 설정 화면



[보안접속 필수노출 적용방법]

아래의 변경된 디자인가이드를 참고하셔서 쇼핑몰 각 로그인 영역에 노출해주시기 바랍니다.

1. 로그인 영역

1) 로그인
  - 위치: '디자인 > HTML디자인설정 > 회원관련화면 > 로그인 > 로그인폼 > 로그인폼(c_3)
  - 아래의 경우에 맞추어 빨간색 소스 삭제, 파란색 소스 추가 합니다.

  ① 'tr style=’display;~' 소스인 경우

<tr style="display:{$ssl_login_display}">
<td width="188" align="right"><input type="checkbox" tabindex=3 name="is_ssl" onclick="javascript:set_ssl_login( this.form )">보안접속

<span><img src="http://img.echosting.cafe24.com/design/skin/default/member/ico_access.gif" alt="보안접속" /> 보안접속</span>
</td>


  ② 'span style=’display;~' 소스인 경우

<span  style="display:{$ssl_login_display}">
<input type="checkbox" tabindex=3 name="is_ssl" onclick="javascript:set_ssl_login( this.form )">보안접속

<span>
<img src="http://img.echosting.cafe24.com/design/skin/default/member/ico_access.gif" alt="보안접속" /> 보안접속



▼ 로그인페이지 적용화면



2) 주문 전 로그인
  - 위치: '디자인 > HTML디자인설정 > 주문관련화면 > 주문전 로그인 > ID/PASS 입력받는화면(c_3)
  - 아래의 경우에 맞추어 빨간색 소스 삭제, 파란색 소스 추가 합니다.

<tr style="display:{$ssl_login_display}">
<td width="188" align="right"><input type="checkbox" tabindex=3 name="is_ssl" onclick="javascript:set_ssl_login( this.form )">보안접속

<span><img src="http://img.echosting.cafe24.com/design/skin/default/member/ico_access.gif" alt="보안접속" /> 보안접속</span>
</td>



▼ 쇼핑몰 적용화면



3) 공통모듈
  - 위치: '디자인 > HTML디자인설정 > 공통모듈리스트 > LEFT/RIGHT > 로그인폼 > 로그인폼(a_10) > 로그인전({u1f}

  ① 보안접속 미사용인 경우
      현재 보안접속 미사용 중이거나 이전에 사용한 적이 없으신 경우, 아래의 위치에파란색 소스를 추가해주세요.

<tr>
<td width=60 align="right" height="25" STYLE="color:{$font_array.a_10.font_color};font-size:{$font_array.a_10.font_size};font-family:{$font_array.a_10.font_type};">비밀번호</td>
<td width=111 align="center">
<input class="input04" type="password" size="12" value="" name="passwd">
                                    </td>
</tr>

<!-- 아래내용 삽입-->

<td colspan="2" style="text-align:right; padding-right:5px;">
<span style="display:{{$member_id_save}}"><label for="left_member_id_save"><input type="checkbox" name="member_id_save" id="left_member_id_save" value="T" {{$sSaveIdCheck}} />아이디저장</label></span>
<span style="color:#000000;">
<img src="http://img.echosting.cafe24.com/design/skin/default/member/ico_access.gif" alt="보안접속" /> 보안접속</span>
</td>
</tr>
<tr>

<!-- 보안접속 내용 --->

<tr>
<td height=3 colspan=2></td>
</tr>



  ② 보안접속 사용 중인 경우
      현재 보안접속을 사용 중이거나 이전의 설정으로 인하여 보안접속 소스가 남아 있을 경우,
      아래와 같이 빨간색 소스 삭제, 파란색 소스 추가 부분을 적용해주세요.
 
    A) 'tr style=’display;~'소스인 경우

<tr style="display:{$ssl_login_display
<input type="checkbox" tabindex=3 name="is_ssl" onclick="javascript:set_ssl_login( this.form )">보안접속

<tr>
<img src="http://img.echosting.cafe24.com/design/skin/default/member/ico_access.gif" alt="보안접속" /> 보안접속


    B) 'span style=’display;~' 소스인 경우

<span  style="display:{$ssl_login_display}">
input type="checkbox" tabindex=3 name="is_ssl" onclick="javascript:set_ssl_login( this.form )">보안접속

<span>
<img src="http://img.echosting.cafe24.com/design/skin/default/member/ico_access.gif" alt="보안접속" /> 보안접속

▼ 적용화면




2. 인트로 페이지

인트로 페이지를 이용하시는 경우에도 보안접속이 기본으로 적용되도록 아래의 각 인트로 페이지에
적용해주시기 바랍니다.

1) 인트로화면
  - 위치 : 디자인 > HTML디자인설정 > 메인화면 > 인트로화면
  - 아래의 위치에 파란색 소스를 추가합니다.

<script language='javascript' src='/js/front19/{{$common_js}}'></script> 
<script language='javascript' src='/js/front19/{{$common_js_ro}}'></script>
 

2) 인트로화면 3 (회원전용)
  - 위치 : 디자인 > HTML디자인설정 > 메인화면 > 인트로화면 > 인트로화면3(회원전용)
  - 기본소스에 적용되었습니다. '기본소스보기' 버튼클릭 수 팝업으로 제공되는 기본소스 전체를 복사하여
     해당 소스로 변경해주세요.

▼ 인트로화면 디자인 선택하기 - 회원전용몰 적용화면



3) 인트로화면 5 (본인인증+로그인)
  - 위치 : 디자인 > HTML디자인설정 > 메인화면 > 인트로화면 > 인트로화면5 (본인인증+로그인)
  - 아래와 같이 빨간색 소스 삭제, 파란색 소스 추가 부분을 적용해주세요.

                                                      (상단 생략)
<!-- 회원로그인 -->

<form action="/Front/Member/?url=login" method='post'>
<form name="login_frm" action="/Front/Member/?url=login" method='post'>

    <div class="box_set" style="margin-top:35px;text-align:center;">
        <h2 class="tle">회원 로그인</h2>
        <div class="login_19">
            <ul class="za">
                <li style="padding-bottom:2px;"><span class="ya">아이디</span><input type="text" name="id" class="box" /></li>
                <li style="padding-top:2px;"><span class="ya">비밀번호</span><input type="password" name="passwd" class="box" /></li>


<label><input type="checkbox" name="is_ssl" id="is_ssl" style="margin-left:100px;" onclick="javascript:set_ssl_login( this.form )">보안접속</label>

 <label><img src="http://img.echosting.cafe24.com/design/skin/default/member/ico_access.gif" alt="보안접속" style="margin:5px 0 0 10px;" />  보안접속</label>

          </ul>
           <div class="zb">
               <input type="image" src="http://img.cafe24.com/images/ec_admin/popup/1210/btn_login_101.gif" alt="로그인" complete="complete" />
           </div>      
                                                      (이하 생략)



▼ 인트로화면 디자인 선택하기 - 성인전용몰(본인인증 또는 회원) 적용화면



4) 인트로화면 7 (게시판 성인인증-본인인증)
  - 위치 : 디자인 > HTML디자인설정 > 메인화면 > 인트로화면 > 인트로화면7 (게시판 성인인증-본인인증)
  - 아래와 같이 빨간색 소스 삭제, 파란색 소스 추가 부분을 적용해주세요.

                                                   (상단 생략)
<!-- 회원로그인 -->
<form action="/Front/Member/?url=login" method='post'>
<form name="login_frm" action="/Front/Member/?url=login" method='post'>

    <input type="hidden" name="auth_type" value="member">
    <input type="hidden" name="type" value="bbs">
    <input type="hidden" name="error_href" value="{{$error_href}}">
    <div class="box_set" style="margin-top:35px;text-align:center;">
        <h2 class="tle">회원 로그인</h2>
        <div class="login_19">
            <ul class="za">
                <li style="padding-bottom:2px;"><span class="ya">아이디</span><input type="text" name="id" class="box" /></li>
                <li style="padding-top:2px;"><span class="ya">비밀번호</span><input type="password" name="passwd" class="box" /></li>


 <label><input type="checkbox" name="is_ssl" id="is_ssl" style="margin-left:100px;" onclick="javascript:set_ssl_login( this.form )">보안접속</label>

<label><img src="http://img.echosting.cafe24.com/design/skin/default/member/ico_access.gif" alt="보안접속" style="margin:5px 0 0 10px;" />  보안접속</label>

            </ul>
            <div class="zb">
                <input type="image" src="http://img.cafe24.com/images/ec_admin/popup/1210/btn_login_101.gif" alt="로그인" complete="complete"/>
            </div>
        </div>
        <div style="text-align:center; padding-bottom:10px;">
            <a href="/front/php/lost_id/lost_id_f.php" class="btn_arr">아이디/비밀번호 분실</a>        
            <a href="/front/php/c/member_regist_f.php" class="btn_arr">회원가입하기</a>
        </div>
        <div class="btm"></div>
    </div>
    <!-- //회원로그인 -->

                                                   (이하 생략)


  - 적용화면은 위의 '인트로화면 5 (본인인증+로그인)' 화면과 동일합니다.

 


카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.

궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]