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

Help Center

카페24 소식

2013-06-13

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

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

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

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

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

■ 적용일자 : 2013-06-13 (목)

■ 업데이트 내용

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

보안접속 사용 의무화로 '쇼핑몰어드민 > 상점관리 > 운영관리> 상점운영방식 설정' 메뉴에서 기존에 제공되던
'보안접속 사용설정 기능' 항목이 자동 삭제 되었습니다.
(보안접속은 '사용' 상태로 기본 적용되며, 어드민 항목이 빠진 것이므로 별도로 수정하실 부분은 없습니다.)

▼ 상점 운영방식 설정 화면

- 보안 접속 설정하는 항목이 빠지고 '보안접속 사용' 상태로 기본 제공됩니다.

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

1. 로그인 영역
회원 로그인 영역의 보안접속이 추가되었습니다. (가로형, 세로형)
해당 모듈을 이미 사용중인 경우, 편집창에서 보안접속이 추가된 모듈로 변경해주시기 바랍니다.

- 파일명 : 메인화면(index.html)
- 모듈명 : Layout_login

1) '쇼핑몰어드민 > 디자인관리 > 편집창 > 디자인 편집하기' 버튼으로 편집창으로 이동 후 아래와 같이
메인화면의 로그인 영역 편집 레이어로 이동합니다.

2) 편집 레이어의 꾸미기 메뉴에서 부분디자인을 선택 후 적용 버튼을 클릭합니다.
모두 보안접속이 적용된 디자인으로 적용 시 바로 해당 디자인으로 교체됩니다.

2. 로그인페이지
해당 모듈을 이용 중인 경우 위의 로그인 영역과 동일한 방법으로, 편집창의 로그인(login.html) 페이지의
해당 모듈 편집 레이어에서 업데이트된 디자인으로 선택하여 적용합니다.

- 파일경로 : 회원 > 로그인(login.html)
- 모듈명 : member_login

3. 인트로페이지

1) 회원전용 인트로
보안접속 변경을 위해 아래와 같이 html, CSS 파일에 파란색 소스를 추가해주세요.

- 파일경로 : 인트로 > 인트로 회원(member.html)

===== 생략 =====
<a href="#none" onclick="{$action_func_login}"><img src="http://img.echosting.cafe24.com/design/skin/default/intro/btn_login.gif" alt="로그인" /></a>

{$form.member_check_secret_connect}

- 파일경로 : css > 모듈 > 인트로 > memberPackage.css

===== 생략 =====
.xans-member-login .login span input { width:200px; padding:3px; }
.xans-member-login .login .inputType { float:left; }
.xans-member-login .login .btn { float:right; }
.xans-member-login .security { width:285px; margin:0 auto; padding:5px 0 0 85px; color:#8f8f91; font-size:11px; }

.xans-member-login .join { width:370px; margin:10px auto 0; text-align:center; font-size:11px; line-height:12px; }
.xans-member-login .join span { padding:0 15px 0 0; margin:0 6px 0 0; border-right:1px solid #769546; }
.xans-member-login .join a,
===== 이하생략 =====

▼ 쇼핑몰 적용화면

2) 성인인증 인트로 3 (본인인증 또는 회원)
'성인인증 인트로 3' 페이지는 본인인증 적용시 추가된 파일입니다.
해당 파일이 없는 경우 신규 추가해주시기 바랍니다. [신규추가 공지사항 보기]

아래와 같이 빨간색 소스 삭제, 파란색 소스를 추가합니다.

- 파일경로 : 인트로 > 인트로 본인인증+회원(adult_im.html)

===== 생략 =====

아이디 {$form.member_id} 
비밀번호 {$form.member_passwd} 

<a href="#none" onclick="{$action_func_login}"><img src="http://img.echosting.cafe24.com/design/skin/default/intro/btn_login.gif" alt="로그인" /></a>


<input id="check_secret_connect0" name="check_secret_connect" fw-filter="" fw-label="check_secret_connect" fw-msg="" value="T"
type="checkbox" /><label for="check_secret_connect0" > 보안 접속</label>
<img src="http://img.echosting.cafe24.com/design/skin/default/member/ico_access.gif" alt="" /> 보안접속


<a href="/member/id/find_id.html{$skip_intro}">아이디</a>
<a href="/member/passwd/find_passwd_info.html{$skip_intro}">비밀번호 찾기</a>
<a href="/member/join.html{$skip_intro}">회원 가입 하기</a>

</div>
</div>

===== 이하생략 =====

- 파일명 : css > 모듈 > 회원 > adultHead.css

===== 생략 =====
.xans-member-login .login span input { width:200px; padding:3px; }
.xans-member-login .login .inputType { float:left; }
.xans-member-login .login .btn { float:right; }
.xans-member-adulthead .member .security { padding:0 0 0 60px; }
.xans-member-adulthead .member .security { padding:5px 0 0 60px; color:#8f8f91; font-size:11px; }

▼ 쇼핑몰 적용화면

■ 참고사항

쇼핑몰에 적용된 소스가 위의 제공되는 가이드 소스와 다르거나 디자인 적용이 정상적이지 않을 경우
해당페이지 편집창에서 [최신소스] 적용 후 수정해 주시기 바랍니다.

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

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

[부가서비스] 현금영수증 신청 시 주민번호 선택영역 삭제 안내

2013-06-13

[디자인관리] 모바일쇼핑몰 로그인 보안접속 필수적용 안내

2013-06-13