Help Center

카페24 소식

공지사항업데이트스토어소식

[스마트디자인] 법적준수 인트로 페이지 추가 개선

2014-05-13

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

정보통신망 이용촉진 및 정보보호에 관한 법률에 의거하여,
법률 내용을 100% 준수한 인트로 페이지가 추가되었습니다.

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


■ 적용일자 : 2014-05-13 (화)

■ 업데이트 내용


성인 사이트에서 사용되는 인트로 페이지의 경우,
정보통신망 이용촉진 및 정보보호에 관한 법률을 준수하여 표시해야 할 의무가 있습니다.
이에 따라, 법률 내용을 100% 준수한 새로운 인트로 페이지가 추가되었습니다.

※ 법률 내용

 유해로고와 유해문구는 화면 전체의 1/3 이상의 크기로 상단에 표시한다.
   - 유해문구 : "이 정보내용은 청소년유해매체물로서 정보통신망이용촉진 및 정보보호등에 관한 법률 및 청소년보호법의 규정에 의하여 19세 미만의 청소년이 이용할 수 없습니다."

 2. 기타 문자․영상․음향․부호 등은 표시할 수 없다. 다만, 다음의 사항은 유해로고와 유해문구 아래에 표시할 수 있다.
   가. 19세 미만 이용자 나가기 기능
   나. ｢청소년 보호법 시행령｣ 제17조에 따른 나이 및 본인여부 확인 기능
      ① 신분증 또는 신분증 사본
      ② 공인인증서
      ③ 아이핀
      ④ 공공아이핀
      ⑤ 신용카드
      ⑥ 휴대전화(문자, 음성 자동응답 등)
   다. 청소년유해매체물로 고시된 인터넷명의 URL

3. '로그인' 기능이 제공되면 안된다.



※ 인트로 추가 위치
- 어드민 > 디자인관리 > 디자인기능설정 > 인트로화면에 '성인인증 인트로[법적권고]'




위의 신규페이지를 적용하시려면 아래의 안내에 따라 HTML 및 CSS 파일 추가/수정 해주시기 바랍니다.


1. 웹(PC)에 적용

1) 어드민 > 디자인관리 > 쇼핑몰 디자인 편집 > 화면 추가 > 인트로 > 하단의 파일명에
    adult_i_recommend.html 입력 후 아래 소스를 넣습니다.

 

<!--@layout(/layout/basic/intro.html)-->

<div module="Member_AdultHead">

<!--@css(/css/module/member/adultHead.css)-->

    <h1><span>로그인</span></h1>

    <div class="under19Recommend">

        <p><img src="http://img.echosting.cafe24.com/design/skin/default/intro/txt_under19_recommend.gif" alt="이 정보내용은 청소년 유해매체물로서 정보통신망 이용촉진법 및 정보보호 등에 관한 법률 및 청소년 보호법의 규정에 의하여 19세 미만의 청소년은 사용할 수 없습니다" /></p>

        <p><a href="{$outlink}"><img src="http://img.echosting.cafe24.com/design/skin/default/intro/btn_under19ipin.gif" alt="19세 미만 나가기" /></a></p>

    </div>

    <div class="member" {$display_auth}>

        <h2><img src="http://img.echosting.cafe24.com/design/skin/default/intro/h2_adult_certification.gif" alt="성인인증" /></h2>

        <div class="inner">

            {$radioAuthIpin} <label for='{$idAuthIpin}' {$ipinAuthRadioView}>아이핀(i-PIN) 인증</label>

            {$radioAuthMobile} <label for='{$idAuthMobile}' {$mobileauthAuthRadioView}>휴대폰 인증</label>

            <p class="ipin" id='ipin' {$ipinAuthRadioView} >

                <span><a href="#none" onclick="{$ipinpopup}"><img src="http://img.echosting.cafe24.com/design/skin/default/member/btn_check6.gif" alt="아이핀 인증" style="vertical-align:middle" /></a></span>

                아이핀이란, 회원님의 개인정보 보호를 위해 <br />

                웹사이트에 주민등록번호를 제공하지 않고,<br />

                본인임을 확인하는 인터넷상의 개인식별번호 서비스입니다.<br />

                아이핀을 통한 가입을 원하시면 아이핀 인증 버튼을 눌러 진행해 주십시오.

            </p>

            <p class="ipin" id='mobileauth' {$mobileauthAuthRadioView} {$mobileauthAuthRadioViewDevault}>

                <span><a href="#none" onclick="{$mobileauthpopup}"><img src="http://img.echosting.cafe24.com/design/skin/default/member/btn_check5.gif" alt="휴대폰 인증" style="vertical-align:middle" /></a></span>

                본인 명의의 휴대폰으로 본인인증을 진행합니다.<br>

                휴대폰 명의자의 나이 정보로 14세 미만 여부를 확인합니다.

            </p>

        </div>

    </div>

</div>



2) css/module/member/adultHead.css 에 아래 소스를 넣으세요.

 

.xans-member-adulthead .under19Recommend { min-height:224px; padding:59px 0 0 355px; background:#fff url("http://img.echosting.cafe24.com/design/skin/default/intro/bg_under19_recommend.gif") 77px 17px no-repeat; }

.xans-member-adulthead .under19Recommend p { margin:0 0 19px; }




2. 모바일에 적용

1) 모바일 쇼핑몰 > 쇼핑몰 디자인 편집 > 화면추가 > 인트로 선택 > 파일명에 adult_i_recommend.html 입력후 저장
    > 아래 소스를 넣으세요

 

<!doctype html>

<html lang="ko">

<head>

    <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, minimum-scale=0.5, user-scalable=yes">

    <title></title>

    <!--@css(/layout/basic/css/layout.css)-->

</head>

<body>

    <div module="Member_AdultHead" class="recommend">

        <!--@css(/css/module/intro/adultHead.css)-->

        <fieldset>

            <p class="under19">

                <span>19</span>

                이 정보 내용은 청소년유해매체물로서<br>

                「정보통신망 이용촉진 및 정보보호 등에<br>

                 관한 법률」및「청소년 보호법」에 따라<br>

                19세 미만의 청소년이 이용할 수 없습니다.

            </p>

            <div class="btnArea type1">

                <a href="{$outlink}" class="normal">19세 미만 나가기</a>

            </div>

            <div class="formBox">

                <h3>성인인증</h3>

                <div class="certification">

                    <p>

                        {$radioAuthMobile} <label for='{$idAuthMobile}' {$mobileauthAuthRadioView}>휴대폰 인증</label>

                        <button type="button" class="btnNormal mobile" onclick="{$mobileauthpopup}">휴대폰 인증</button>

                    </p>

                    <p>본인 명의의 휴대폰으로 본인인증을 진행합니다.</p>

                </div>

                <div class="certification">

                    <p>

                        {$radioAuthIpin} <label for='{$idAuthIpin}' {$ipinAuthRadioView} >아이핀 인증</label>

                        <button type="button" class="btnNormal ipin" onclick="{$ipinpopup}">아이핀 인증</button>

                    </p>

                    <p>아이핀이란 웹사이트에 주민등록번호를 <br>제공하지 않고 본인임을 확인하는 서비스입니다.</p>

                </div>

            </div>

        </fieldset>

    </div>

</body>

</html>



2) css/module/member/adultHead.css 에 아래 소스를 넣으세요.

 

.xans-member-adulthead.recommend { width:300px; margin:55px auto 0; font-family:Verdana,Dotum; }

.xans-member-adulthead.recommend h3 { margin:0 0 1px; font-size:13px; }

.xans-member-adulthead.recommend .under19 { min-height:70px; padding:12px 0 6px 90px; font-weight:normal; font-size:12px; line-height:16px; color:rgb(0,0,0); letter-spacing:-1px; }

.xans-member-adulthead.recommend .under19 span { width:82px; height:82px; background-image:url("http://img.echosting.cafe24.com/design/skin/mobile/ico_under19_recommend.png"); background-size:82px 82px; }

.xans-member-adulthead.recommend .btnArea { margin-top:24px; padding:0 30px; }

.xans-member-adulthead.recommend .formBox { width:240px; margin-top:50px; padding:21px 30px 15px; border-top:1px dotted rgb(161,161,163); border-bottom:1px dotted rgb(161,161,163); }

.xans-member-adulthead.recommend .certification { padding:5px 0 0; color:rgb(99,102,110); line-height:14px; }

.xans-member-adulthead.recommend .certification label { color:rgb(33,37,48); }

.xans-member-adulthead.recommend .certification p { margin:0 0 8px; }

.xans-member-adulthead.recommend .certification p:first-child { line-height:23px; }

.xans-member-adulthead.recommend .certification .btnNormal { width:88px; margin:0 0 0 3px; border:1px solid rgb(0,0,0); background-color:rgb(255,255,255); border-radius:4px; font-size:11px; font-family:Verdana,Dotum; color:rgb(0,0,0); line-height:19px; text-align:left; text-indent:17px; letter-spacing:-1px; }

.xans-member-adulthead.recommend .certification .mobile { background:url("http://img.echosting.cafe24.com/design/skin/mobile/ico_mobile.png") no-repeat 10px 4px; background-size:9px 12px; }

.xans-member-adulthead.recommend .certification .ipin { background:url("http://img.echosting.cafe24.com/design/skin/mobile/ico_ipin.gif") no-repeat 6px 3px; background-size:16px 15px; }




 

 

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

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

이전글

[상품/재고] 모바일쇼핑몰 웹과 동일하게 진열되도록 개선

2014-04-29

다음글

[프로모션] 해외몰 페이스북 로그인 연동 기능 오픈!

2014-05-21