개똥이네에서 판매된 "웹 접근성과 품질인증" 정가 45,000원 평균할인가
-가격대별- 1,000원 2,000원 3,000원 4,000원 5,000원 6,000원 7,000원 8,000원 9,000원 10,000원 11,000원 12,000원 13,000원 14,000원 15,000원 16,000원 17,000원 18,000원 19,000원 20,000원 21,000원 22,000원 23,000원 24,000원 25,000원 26,000원 27,000원 28,000원 29,000원 30,000원 31,000원이상
- 결과내 검색 -
판매자명 상태 (최상/상/중/하) 구성
1부 웹 접근성 기초 1장 웹 접근성과 장애인차별금지법
1.1 웹 접근성
1.1.1 웹 접근성의 의미
1.1.2 웹 접근성의 정확한 범위
1.1.3 웹 접근성 관련 용어가 혼란스러운 이유
1.2 관련 용어와 상관 관계
1.2.1 웹 표준
1.2.2 웹 호환성과 크로스브라우징
1.2.3 웹 사용성
1.2.4 웹 표준과 웹 접근성의 관계
1.2.4.1 선형화해서 논리적인 순서 확보
1.2.4.2 기본적인 문법을 준수해서 견고성 확보
1.2.5 웹 표준과 웹 호환성의 관계
1.2.6 정확한 용어 사용의 중요성
1.3 장애인차별금지법
1.3.1 장애인차별금지법의 의미
1.3.2 웹 접근성 의무적용 시기
1.3.3 법에서 명시한 웹 접근성 대상
1.3.3.1 전자정보 vs 웹사이트에서 제공하는 정보
1.3.3.2 장애인차별금지법의 취지
1.3.3.3 미국 장애인 법 제·개정의 취지
1.3.4 법을 준수하지 않을 경우
1.3.5 진정 가능한 대상
1.3.6 입증책임
1.3.7 웹 접근성 계획의 중요성
1.3.8 국내 진정 사건 접수 현황
1.3.9 국내 진정과 소송 사례
1.3.9.1 교육콘텐츠 이러닝 서비스 진정 사례: 2008년
1.3.9.2 방송 3사 홈페이지 집단 진정 사례: 2010년
1.3.9.3 대한항공 등 4곳의 민사 소송 사례: 2012년
1.3.10 해외 소송 사례
1.3.10.1 미국 타깃 사 사례
1.3.10.2 호주 시드니 올림픽 조직위원회 사례
1.3.10.3 월트 디즈니 사 사례
정리
2장 웹 접근성 품질인증마크와 인증획득
2.1 웹 접근성 품질인증마크
2.1.1 웹 접근성 품질인증마크의 의미
2.1.2 인증의 필요성
2.1.3 현황과 문제점
2.1.3.1 품질인증마크 인증 현황
2.1.3.2 기존 사설 인증기관 비교 현황
2.1.3.3 기존 인증제도의 문제점
2.1.4 새로운 국가임의인증제도
2.1.5 장애인차별금지법과의 관계
2.2 인증획득
2.2.1 인증기준의 의미
2.2.1.1 전문가 심사 기준
2.2.1.2 사용자 심사 기준
2.2.2 품질인증마크 획득 준비
2.2.2.1 품질인증마크의 선택
2.2.2.2 인증획득 프로젝트 준비
2.2.2.3 심사 접수 대상 여부 판단
2.2.2.4 신청 대상 사이트의 범위
2.2.3 인증신청과 결과 확인
2.2.3.1 심사 접수
2.2.3.2 심사 절차
정리
2부 웹 접근성 기본 4원칙 3장 인식의 용이성: 모든 콘텐츠는 사용자가 인식할 수 있어야 한다
3.1 [검사항목 1] 적절한 대체 텍스트 제공
3.1.1 [오류유형 1-1] 텍스트 이미지의 대체 텍스트 미 제공
3.1.2 [오류유형 1-1] 불충분한 대체 텍스트를 제공한 경우
3.1.3 [오류유형 1-1] 대체 텍스트가 오타로 표기된 경우
3.1.4 [오류유형 1-1] 이미지 버튼에 대체 텍스트를 제공하지 않은 경우
3.1.5 [오류유형 1-1] 게시물의 이미지에 대체 텍스트가 제공되지 않은 경우
3.1.6 [오류유형 1-2] 불릿 이미지에 대한 대체 텍스트를 제공하지 않은 경우
3.1.7 [오류유형 1-2] 의미 없는 이미지에 대체 텍스트를 제공한 경우
3.1.8 [오류유형 1-2] 분리된 이미지 조각의 대체 텍스트 제공
3.1.9 [오류유형 1-3]
의 파일이 없거나 연결되지 않은 경우 내용이 의미나 기능을 파악하기 어려운 경우 요소의 title 속성이 없는 경우 요소의 title 속성값을 비워둔 경우 요소의 title 속성값 내용이 부적절한 경우을 비워둔 경우<BR>4.7.9 [오류유형 13-5] 내용 또는 기능이 없는 프레임에 <title>을 제공하지 않은 경우<BR>4.7.10 [오류유형 13-6] 콘텐츠 블록에 <h1~6>을 사용하여 제목을 제공하지 않은 경우<BR>4.7.11 [주의사항 13-1] 프레임 제목은 프레임 내에 포함된 콘텐츠를 유추할 수 있는 간결한 제목을 제공<BR>4.7.12 [주의사항 13-2] 내용 또는 기능이 없는 프레임에도 "빈 프레임", "내용 없음"과 같이 title을 제공해야 함<BR>4.7.13 [주의사항 13-3] 게시판의 '목록, 읽기, 쓰기' 페이지의 제목을 읽기, 쓰기 등으로 구분하여 제공하는 것을 권장<BR>4.8 [검사항목 14] 적절한 링크 텍스트<BR>4.8.1 [오류유형 14-1] 목적이나 용도를 알기 어려운 링크 텍스트를 제공한 경우<BR>4.8.2 [주의사항 14-1] 링크의 목적을 키보드의 순서나 문맥을 통해 이해할 수 있으면 인정<BR>4.8.3 [주의사항 14-2] 링크 텍스트를 단순히 URL 경로로만 제공하지 않는 것을 권장<BR>정리<BR><BR>5장 이해의 용이성: 콘텐츠는 이해할 수 있어야 한다<BR>5.1 [검사항목 15] 기본 언어 표시<BR>5.1.1 [오류유형 15-1]<html>에 lang 속성을 명시하지 않은 경우<BR>5.1.2 [오류유형 15-1] <html>에 lang 속성을 잘못 명시한 경우<BR>5.1.3 [주의사항 15-1] html 요소에 lang 속성값에 ISO 639-1 지정언어 코드를 사용해야 함<BR>5.1.4 [주의사항 15-2] 페이지 중간에 언어가 바뀔 때 lang 속성으로 명시해주는 것을 권장<BR>5.2 [검사항목 16] 사용자 요구에 따른 실행<BR>5.2.1 [오류유형 16-1] 사용자가 실행하지 않은 상황에서 예측하지 않은 새 창이 열리는 경우<BR>5.2.2 [오류유형 16-1] 버튼 또는 링크 등을 실행할 때 사전에 알리지 않고 새 창이 발생되는 경우<BR>5.2.3 [오류유형 16-2] 웹 사이트 초기화면에 팝업창을 제공하는 경우<BR>5.2.4 [오류유형 16-3] 사용자가 의도하지 않은 초점 변화가 발생하는 경우<BR>5.2.5 [오류유형 16-4] 텍스트 입력 서식의 값 변경만으로 값이 제출되어 문맥이 바뀌는 경우<BR>5.2.6 [오류유형 16-4] 체크상자의 선택만으로 값이 제출되어 문맥이 바뀌는 경우<BR>5.2.7 [주의사항 16-1] onkeypress에 의해 포커스를 옮기는 동작만으로 새 창이 발생하면 감점<BR>5.2.8 [주의사항 16-2] <a target="blank">로만 새 창을 알린 경우는 감점하지 않음<BR>5.2.9 [주의사항 16-3] onfocus="this.blur()"를 사용하는 경우 검사항목 7, 8, 16에서 동시 감점<BR>5.2.10 [주의사항 16-4] 플래시 등에서 제공하는 새 창에서도 새 창 안내에 대한 내용을 포함하지 않으면 감점<BR>5.2.11 [주의사항 16-5] 오류정정을 위한 자동 초점 변경은 예외<BR>5.3 [검사항목 17] 콘텐츠의 선형화<BR>5.3.1 [오류유형 17-1] 계층 구조가 명백하게 필요한 콘텐츠를 중첩 마크업을 이용하여 표현하지 않은 경우<BR>5.3.2 [오류유형 17-2] '제목-내용'으로 구성된 콘텐츠 목록의 배치가 분리되어 내용을 직관적 이해가 불가능한 경우<BR>5.3.3 [주의사항 17-1] 탭메뉴에서 탭1→탭2→탭3으로 내용을 확인할 수 있는 경우에도 논리적으로 구성할 것<BR>5.3.4 [주의사항 17-1] 2단계의 깊이를 가진 메뉴의 1차 메뉴와 2차 메뉴는 서로 다른 계층으로 표현되어야 한다<BR>5.3.5 [주의사항 17-3] 탭메뉴와 탭 콘텐츠는 '제목-내용'으로 표현 가능<BR>5.3.6 [주의사항 17-4] 사용 방법 안내는 콘텐츠 이전에 정보를 제공할 것<BR>5.3.7 [주의사항 17-5] 서브 메뉴와 내용으로 구성된 페이지에서 서브 메뉴가 우측에 위치하더라도 혼란이 없는 경우는 인정<BR>5.4 [검사항목 18] 표의 구성<BR>5.4.1 [오류유형 18-1] <caption> 요소, summary 속성을 제공하지 않은 경우<BR>5.4.2 [오류유형 18-1] <caption> 요소, summary 속성의 용도가 부적절한 경우<BR>5.4.3 [오류유형 18-1] <caption> 요소, summary 속성의 설명이 부적절한 경우<BR>5.4.4 [오류유형 18-2] 제목셀과 내용셀을 요소로 구분하지 않은 경우<BR>5.4.5 [오류유형 18-3] 복잡한 표 제공 시 id, headers 또는 scope로 제공하지 않음<BR>5.4.6 [주의사항 18-1] <caption> 요소와 summary 속성 중 하나 이상 적절히 제공한 경우 준수한 것으로 인정<BR>5.4.7 [주의사항 18-2] <caption> 요소는 표의 제목을, summary 속성에는 표의 요약을 기술해 주어야 함<BR>5.4.8 [주의사항 18-3] 데이터 테이블은 표의 형식을 제거하고 선형화했을 때 이해할 수 없는 경우에 해당<BR>5.4.9 [주의사항 18-4] 배치용 테이블은 표의 형식을 제거하고 선형화했을 때 이해 가능한 경우에 해당<BR>5.4.10 [주의사항 18-5] 배치용 테이블에는 <th>, <caption> 요소, summary 속성을 사용하지 않아야 함<BR>5.5 [검사항목 19] 레이블 제공<BR>5.5.1 [오류유형 19-1] <input>, <textarea>, <select> 요소에 1:1 대응하는 <label> 또는 title을 미제공한 경우<BR>5.5.2 [오류유형 19-2] <input>의 id와 <label>의 for가 다른 경우<BR>5.5.3 [오류유형 19-2] <input>의 id와 페이지 안에 같은 id가 있는 경우<BR>5.5.4 [오류유형 19-3] <select> 요소의 첫 번째 <option>이 레이블 역할을 대신하는 경우<BR>5.5.5 [주의사항 19-1] 레이블로 연결할 텍스트가 있는 경우 title 속성보다 <label> 요소를 제공하는 것을 권장<BR>5.5.6 [주의사항 19-2] 암묵적 레이블 방법을 사용한 경우도 인정하지만 권장하지 않음<BR>5.6 [검사항목 20] 오류 정정<BR>5.6.1 [오류유형 20-1] 입력 서식을 잘못 작성한 경우 해당 서식 필드로 초점을 이동하도록 제공하지 않은 경우<BR>5.6.2 [오류유형 20-1] 서식의 전송 버튼을 눌렀을 때, 입력 내용이 모두 사라지는 경우<BR>5.6.3 [오류유형 20-2] 오류 발생 시, 정정할 수 있는 수단을 제공하지 않는 경우<BR>5.6.4 [오류유형 20-3] 입력 정정 방식을 잘못 제공한 경우<BR>5.6.5 [오류유형 20-3] 입력 정정 방식의 내용을 잘못 제공한 경우<BR>5.6.6 [주의사항 20-1] 오류 발생 시, 오류의 내용을 먼저 알 수 있도록 설명해 주어야 함<BR>정리<BR><BR>6장 견고성: 웹 콘텐츠는 미래의 기술로도 접근할 수 있도록 최대한 호환되어야 한다<BR>6.1 [검사항목 21] 마크업 오류 방지<BR>6.1.1 [오류유형 21-1] 태그의 열고 닫음 오류<BR>6.1.2 [오류유형 21-2] 태그의 중첩 오류<BR>6.1.3 [오류유형 21-3] 중복 선언된 속성 오류<BR>6.1.4 [주의사항 21-1] ID 값 중복 선언은 오류유형 21-3에서 심사<BR>6.1.5 [주의사항 21-2] 위에 언급된 항목 이외의 표준문법 오류는 포함하지 않음<BR>6.1.6 마크업 오류 세부 사례<BR>6.1.6.1 [열고 닫음 오류 사례 1] <a> 요소 여는 태그 미 제공<BR>6.1.6.2 [열고 닫음 오류 사례 2] <ul> 요소 여는 태그 미 제공<BR>6.1.6.3 [열고 닫음 오류 사례 3] <div> 요소 여는 태그 미 제공<BR>6.1.6.4 [열고 닫음 오류 사례 4] <a> 요소 닫는 태그 미 제공<BR>6.1.6.5 [열고 닫음 오류 사례 5] <strong> 요소 닫는 태그 미 제공<BR>6.1.6.6 [열고 닫음 오류 사례 6] <h> 요소 닫는 태그 미 제공<BR>6.1.6.7 [태그의 중첩 오류 사례] <p>와 <strong>의 중첩 제공<BR>6.1.6.8 [속성 중복 오류 사례 1] <p> 요소에 대한 <style> 속성 중복 제공<BR>6.1.6.9 [속성 중복 오류 사례 2] ID 속성 중복 제공<BR>6.2 [검사항목 22] 웹 애플리케이션 접근성 준수<BR>6.2.1 [오류유형 22-1] 웹 애플리케이션이 자체적인 접근성이 없으며 대체 콘텐츠가 존재하지 않는 경우<BR>6.2.2 [오류유형 22-1] 대체 콘텐츠를 제공했지만 핵심 기능을 동등하게 제공하지 못한 경우<BR>6.2.3 [주의사항 22-1] 자바 스크립트 미지원 환경에서는 평가하지 않음<BR>6.2.4 [주의사항 22-2] 웹 애플리케이션에 대한 자체 접근성은 각 검사항목에서 평가<BR>정리<BR><BR><b>3부 웹 접근성 실전</b><BR><BR>7장 웹 접근성 난제 해결<BR>7.1 난제 해결 기본 원칙 확립<BR>7.1.1 지침과 사용자 분석<BR>7.1.2 검사항목별 수혜 장애유형 분석<BR>7.1.3 웹 접근성 핸들링<BR>7.1.4 웹 접근성 핸들링의 우선순위<BR>7.1.5 웹 접근성 핸들링 적용<BR>7.2 전문성 있는 웹 접근성 응용 기법<BR>7.2.1 정확한 정보 전달에 적절한 대체 텍스트 제공<BR>7.2.1.1 대체 텍스트 처리의 묘미<BR>7.2.1.2 의미 없는 이미지 판단<BR>7.2.1.3 게시판 아이콘의 대체 텍스트 처리 방법<BR>7.2.1.4 변경되는 이미지의 대체 텍스트 처리 방법<BR>7.2.1.5 로딩 중 이미지의 대체 텍스트 제공<BR>7.2.1.6 캡차의 대체 수단 제공<BR>7.2.1.7 시각적인 의미가 다른 유니코드 주의<BR>7.2.1.8 접혀 있는 정보 확인에 쓸 링크 텍스트 자동 변경<BR>7.2.2 중복 정보 방지로 효율적 정보 전달<BR>7.2.2.1 <select> 요소의 첫 번째 <option>의 설명글 처리 방법<BR>7.2.2.2 변동 서식의 summay 처리 방법<BR>7.2.2.3 표의 빈 데이터가 반복적으로 제공되는 사례<BR>7.2.2.4 복잡한 표에서 제목셀과 내용셀의 id, headers 연결<BR>7.2.3 접근성을 높이는 초점과 컨트롤 제공<BR>7.2.3.1 대메뉴, 소메뉴, 탭메뉴의 제목 처리<BR>7.2.3.2 제목-내용 배열이 애매한 탭메뉴의 선형화<BR>7.2.3.3 탭메뉴 건너뛰기 활용<BR>7.2.3.4 스크롤 영역의 정보에 키보드로 접근<BR>7.2.3.5 자동 초점 이동<BR>7.2.3.6 키보드 초점 초기화 해결 방안<BR>7.2.3.7 HTML로 제공된 계산기의 논리적 초점 이동<BR>7.2.3.8 자동으로 움직이는 배너와 제어 버튼 순서<BR>7.2.3.9 실시간 채팅 알림창 컨트롤<BR>7.3 웹 접근성 이슈의 방향성<BR>7.3.1 첫 페이지의 새 창 처리<BR>7.3.2 IR 기법<BR>7.3.3 object 요소 안쪽에 기술된 대체 콘텐츠<BR>7.3.4 동영상의 자막과 원고 자동 제공<BR>정리<BR><BR>8장 웹 접근성 프로젝트 팀별 업무와 가이드<BR>8.1 적절한 책임자 지정<BR>8.1.1 팀별 책임 공방<BR>8.1.2 항목별 책임자 지정<BR>8.1.3 항목별 담당 업무<BR>8.1.3.1 [검사항목 1] 적절한 대체 텍스트 제공기획자, 퍼블리셔, 개발자<BR>8.1.3.2 [검사항목 2] 자막 제공기획자, 디자이너, 퍼블리셔, 개발자<BR>8.1.3.3 [검사항목 3] 색에 무관한 콘텐츠 인식디자이너<BR>8.1.3.4 [검사항목 4] 명확한 지시사항 제공퍼블리셔<BR>8.1.3.5 [검사항목 5] 텍스트 콘텐츠의 명도대비디자이너<BR>8.1.3.6 [검사항목 6] 배경음 사용 금지기획자, 퍼블리셔<BR>8.1.3.7 [검사항목 7] 키보드 사용 보장퍼블리셔, 개발자<BR>8.1.3.8 [검사항목 8] 초점 이동퍼블리셔, 개발자<BR>8.1.3.9 [검사항목 9] 응답시간 조절기획자, 퍼블리셔<BR>8.1.3.10 [검사항목 10] 정지 기능 제공기획자, 퍼블리셔<BR>8.1.3.11 [검사항목 11] 깜빡임과 번쩍임 사용 제한기획자<BR>8.1.3.12 [검사항목 12] 반복 영역 건너뛰기기획자, 퍼블리셔<BR>8.1.3.13 [검사항목 13] 제목 제공기획자, 퍼블리셔, 개발자<BR>8.1.3.14 [검사항목 14] 적절한 링크 텍스트퍼블리셔<BR>8.1.3.15 [검사항목 15] 기본 언어 표시퍼블리셔, 개발자<BR>8.1.3.16 [검사항목 16] 사용자 요구에 따른 실행개발자, 퍼블리셔, 기획자<BR>8.1.3.17 [검사항목 17] 콘텐츠 선형화퍼블리셔<BR>8.1.3.18 [검사항목 18] 표 구성퍼블리셔, 기획자, 개발자<BR>8.1.3.19 [검사항목 19] 레이블 제공퍼블리셔, 개발자<BR>8.1.3.20 [검사항목 20] 오류 정정개발자, 기획자<BR>8.1.3.21 [검사항목 21] 마크업 오류 방지 퍼블리셔<BR>8.1.3.22 [검사항목 22] 웹 애플리케이션 접근성 준수기획자<BR>8.2 기획팀 : 스토리보드<BR>8.2.1 대체 텍스트 공통 가이드<BR>8.2.1.1 복잡한 이미지의 대체 텍스트<BR>8.2.1.2 효율적인 대체 텍스트 사용 방법<BR>8.2.1.3 텍스트 아닌 콘텐츠의 대체 텍스트<BR>8.2.2 입력 서식 공통 가이드<BR>8.2.2.1 입력 서식 수집<BR>8.2.2.2 레이블/타이틀 정의<BR>8.2.2.3 자동 변경 타이틀 값 정의<BR>8.2.3 표 제목 공통 가이드<BR>8.2.3.1 화면에 보이는 표 제목<BR>8.2.3.2 화면에 보이지 않는 표 제목<BR>8.2.3.3 탭메뉴로 대체된 표 제목<BR>8.2.4 필수입력 항목 패턴 정의<BR>8.2.4.1 모양으로 필수입력 항목 표시<BR>8.2.4.2 제목으로 필수입력 항목 표시<BR>8.2.5 게시 기능의 웹 접근성 수단 제공<BR>8.2.5.1 게시판 이미지의 대체 텍스트 제공 수단<BR>8.2.5.2 배너의 대체 텍스트 제공 수단<BR>8.2.5.3 영상 콘텐츠의 원고 제공 수단<BR>8.3 디자인팀 : 스타일 가이드<BR>8.3.1 스타일 가이드의 변화<BR>8.3.2 텍스트 콘텐츠 명도대비 적용<BR>8.3.2.1 폰트 스타일<BR>8.3.2.2 콘텐츠 제목 스타일<BR>8.3.2.3 탭 스타일<BR>8.3.2.4 버튼 스타일<BR>8.3.2.5 테이블 스타일<BR>8.3.2.6 포토샵에서 명도대비 체크 시 유의사항<BR>8.3.3 색에 무관한 콘텐츠 인식 적용<BR>8.3.3.1 파이 그래프<BR>8.3.3.2 꺾은선 그래프<BR>8.3.3.3 막대 그래프<BR>8.4 퍼블리싱팀 : 퍼블리싱 가이드<BR>8.4.1 필수입력 항목<BR>8.4.1.1 전경 이미지로 필수입력 표시<BR>8.4.1.2 배경 이미지로 필수입력 표시<BR>8.4.1.3 특수문자로 필수입력 표시<BR>8.4.1.4 텍스트 뒤의 필수입력 표시<BR>8.4.2 데이터 테이블 퍼블리싱 가이드<BR>8.4.2.1 제목행과 내용행이 분리되어 있는 표<BR>8.4.2.2 제목과 내용이 2행으로 구성된 표<BR>8.4.2.3 병합셀을 포함하는 표<BR>8.4.2.4 징검다리형 제목셀을 포함하는 표<BR>8.4.3 레이블 퍼블리싱 가이드<BR>8.4.3.1 레이블과 입력 폼이 1:1로 대응되는 서식<BR>8.4.3.2 휴대폰 번호 서식<BR>8.4.3.3 날짜 선택 서식<BR>8.4.3.4 라디오 버튼과 텍스트<BR>8.5 개발팀 : 개발 가이드<BR>8.5.1 웹 접근성 자동화<BR>8.5.1.1 자동으로 페이지 제목 제공<BR>8.5.1.2 자동으로 키보드 초점 이동<BR>8.5.1.3 갤러리 게시판 리스트 대체 텍스트 자동 삽입<BR>8.5.2 개발자가 자주 실수하는 유형<BR>8.5.2.1 폼 요소의 id 값 변경으로 인한 오류<BR>8.5.2.2 반복 작업으로 인한 title 오류<BR>8.5.2.3 데이터 테이블에 제공된 버튼 사용 목적 미 제공<BR>8.5.2.4 데이터 테이블에 제공된 폼 요소 레이블이나 title 미 제공<BR>정리<BR><BR>9장 장애인차별금지법 대응을 위한 컨설팅 전략<BR>9.1 단계적 개선 계획 수립<BR>9.1.1 단계적 개선 계획의 중요성<BR>9.1.2 현황 분석<BR>9.1.2.1 웹사이트 현황 분석<BR>9.1.2.2 멀티미디어 콘텐츠 현황 분석<BR>9.1.2.3 솔루션 현황 분석<BR>9.1.3 우선순위 분석<BR>9.1.3.1 중요도 분석<BR>9.1.3.2 시급도 분석<BR>9.1.3.3 난이도 분석<BR>9.1.3.4 우선순위 도출<BR>9.1.4 실행 계획 수립<BR>9.1.4.1 연도별 개선 로드맵 수립<BR>9.1.4.2 사이트별 개선 로드맵 수립<BR>9.1.4.3 단계별 발주 계획 수립<BR>9.1.4.4 유지보수 운영 방안 수립<BR>9.1.4.5 기타 분야 개선 로드맵 수립<BR>9.2 사용성을 높이는 컨설팅 방법론<BR>9.2.1 사용성을 포함하는 적용 기준 설정<BR>9.2.2 컨설팅 절차<BR>9.2.3 단계별 산출물<BR>9.2.4 오류 분석과 이슈 트리 활용<BR>9.3 분야별 이슈를 해결할 방향성 수립<BR>9.3.1 인터넷뱅킹<BR>9.3.2 온라인 주식거래 시스템<BR>9.3.3 이러닝 콘텐츠<BR>9.3.4 온라인 쇼핑몰<BR>9.3.5 다양한 솔루션<BR>9.3.5.1 본인 인증<BR>9.3.5.2 키보드 보안<BR>9.3.5.3 웹 에디터<BR>9.3.5.4 그리드<BR>정리<BR><BR><b>4부 웹 접근성 검증과 테스트</b><BR><BR>10장 웹 접근성 평가 기법<BR>10.1 평가 기법의 종류와 특징<BR>10.1.1 평가 기법의 종류<BR>10.1.2 평가 기법의 특징<BR>10.1.2.1 자동 평가의 특징<BR>10.1.2.2 수동 평가의 특징<BR>10.2 웹 접근성 평가 도구<BR>10.2.1 K-WAH<BR>10.2.2 오픈 왁스<BR>10.2.3 CCA<BR>10.2.4 WAT<BR>10.2.5 PDF 접근성 검사 도구<BR>10.2.6 개발자 도구 활용 방법<BR>10.2.7 화면 캡처 프로그램 활용 방법<BR>10.3 전문가 평가 방법<BR>10.3.1 시·청각적 평가<BR>10.3.2 키보드, 마우스 평가<BR>10.3.3 도구 평가<BR>10.3.4 소스 평가<BR>10.4 사용자 평가<BR>10.4.1 평가 대상<BR>10.4.2 평가 시간<BR>10.4.3 평가 방법<BR>10.4.4 과업 선정<BR>정리<BR><BR>11장 접근성을 위한 보조기술<BR>11.1 화면 낭독기<BR>11.1.1 화면 낭독기의 중요성<BR>11.1.2 기본 동작 원리<BR>11.1.3 가상 커서의 이해<BR>11.1.4 가상 커서의 이동 기능<BR>11.2 다양한 화면 낭독기 비교<BR>11.2.1 가격 정책과 제조사 정보<BR>11.2.2 운영체제와 웹 브라우저 지원 여부<BR>11.3 센스리더의 설치와 활용<BR>11.3.1 설치 방법<BR>11.3.2 옵션 설정<BR>11.3.2.1 음성 속도 조절<BR>11.3.2.2 실행 후 IE 화면 깜빡임 해결<BR>11.3.2.3 가상 커서 설정<BR>11.3.2.4 Alert 메시지 음성 출력<BR>11.3.2.5 Aero 테마 관련 설정<BR>11.3.2.6 부팅 시 자동 실행 설정<BR>11.3.3 사용 방법<BR>11.3.3.1 기본 사용 방법<BR>11.3.3.2 알아두면 편리한 기능<BR>11.4 죠스의 설치와 활용<BR>11.4.1 설치 방법<BR>11.4.1.1 영문 죠스 설치<BR>11.4.1.2 한국어 TTS 설치<BR>11.4.1.3 한국어 TTS 설정<BR>11.4.2 옵션 설정<BR>11.4.2.1 음성 설정<BR>11.4.2.2 인터넷 설정<BR>11.4.2.3 윈도우 7의 Aero 테마 활성화를 위한 설정<BR>11.4.2.4 부팅 시 자동 실행 설정<BR>11.4.3 사용 방법<BR>11.4.3.1 기본 사용 방법<BR>11.4.3.2 알아두면 편리한 기능<BR>11.5 화면 낭독기별 음성 낭독 비교<BR>11.5.1 이미지의 대체 텍스트<BR>11.5.1.1 <img>와 alt<BR>11.5.1.2 <img>와 longdesc<BR>11.5.1.3 이미지맵의 사용<BR>11.5.2 링크의 title, target<BR>11.5.2.1 링크 텍스트와 title<BR>11.5.2.2 <a>와 target<BR>11.5.2.3 <a>와 <img><BR>11.5.3 입력 서식의 레이블 제공<BR>11.5.3.1 입력 서식과 레이블<BR>11.5.3.2 입력 서식의 readonly, disable<BR>11.5.3.3 입력 서식의 <label> 요소 제공 방법<BR>11.5.3.4 입력 서식의 <label> 요소와 title 속성<BR>11.5.4 페이지, 프레임, 콘텐츠 블록의 제목 제공<BR>11.5.4.1 페이지 제목<BR>11.5.4.2 프레임 제목<BR>11.5.4.3 콘텐츠 블록 제목<BR>11.5.5 테이블의 활용<BR>11.5.5.1 <caption>, summary 정보<BR>11.5.5.2 일반 제목셀의 <th>와 scope 연결<BR>11.5.5.3 병합된 제목셀의 <th>와 scope 연결<BR>11.5.5.4 제목셀의 id와 내용셀의 headers로 연결<BR>11.5.5.5 <th>, scope 연결과 ID, headers 연결의 차이<BR>11.5.5.6 빈 셀과 행 바뀜<BR>11.5.5.7 테이블 탐색 시 테이블 끝 알림<BR>11.5.6 숨김 항목에 대한 음성 출력<BR>11.5.7 lang 속성 지정 시 각 언어의 음성 전환<BR>11.5.8 목록 태그<BR>11.5.9 특수기호의 음성 출력<BR>11.5.10 알아두면 편리한 단축키<BR>11.6 화면 확대기의 종류와 기능<BR>11.6.1 웹 브라우저의 확대 기능<BR>11.6.2 윈도우 7 돋보기 기능<BR>11.6.3 전문 확대 프로그램<BR>11.6.4 웹사이트의 화면 확대와 고대비 기능<BR>정리<BR><BR><b>5부 웹 접근성을 넘어서</b><BR><BR>12장 웹 접근성의 미래와 과제<BR>12.1 웹 접근성의 올바른 발전 방향<BR>12.1.1 문제점의 해결<BR>12.1.2 HTML5와 ARIA<BR>12.1.2.1 <a> 요소의 변화<BR>12.1.2.2 <figure>와 <figcaption><BR>12.1.2.3 HTML5의 문서 구조<BR>12.1.2.4 랜드마크 규칙 활용<BR>12.1.2.5 동적 변경 내용 알림 활용<BR>12.1.2.6 HTML과 RIA 기술 발달에 따른 접근성 방향<BR>12.1.3 UX로의 전환<BR>12.1.3.1 페이지 이동 인터페이스<BR>12.1.3.2 온라인 서식 입력 오류 실수 방지<BR>12.1.3.3 사용성과 사용자 경험의 발전 방향<BR>12.2 '웹'을 넘어서<BR>12.2.1 모바일 접근성<BR>12.2.1.1 모바일 애플리케이션 접근성<BR>12.2.1.2 모바일 웹 접근성<BR>12.2.2 소프트웨어 접근성<BR>12.2.2.1 소프트웨어 접근성의 개념<BR>12.2.2.2 소프트웨어 접근성 현황과 전망<BR>12.2.2.3 도구를 이용한 소프트웨어 접근성 검사 방법<BR>12.2.2.4 소프트웨어 접근성 검사항목<BR>12.2.3 제품 접근성<BR>12.2.4 서비스 접근성<BR>12.2.5 접근성 책임자<BR>12.2.6 제안<BR>정리<BR><BR>부록<BR>Ⅰ 웹 접근성 관련 법률<BR>Ⅰ.1 웹 접근성 관련 법률<BR>Ⅱ 한국형 웹 콘텐츠 접근성 지침 2.1 개요<BR>II.1 웹 콘텐츠 접근성 지침 2.0 요약<BR>II.2 웹 콘텐츠 접근성 지침 2.1의 특징<BR>II.3 신설/변경된 2.1 지침의 내용<BR>II.4 지침 2.1에 대한 의견<BR>Ⅲ 웹 접근성 품질인증심사가이드 v1.3 인증심사 기준<BR>Ⅲ.1 전문가 심사 기준<BR>Ⅲ.2 사용자 심사 기준<BR>Ⅲ.3 웹 접근성 품질인증마크 자가진단 방법<BR>Ⅲ.4 웹 접근성 품질인증마크 신청서<BR>Ⅲ.5 웹 접근성 품질인증마크 사전 설문지<BR>Ⅳ 기타 화면 낭독기 설치와 사용법<BR>Ⅳ.1 NVDA 설치와 사용법<BR>Ⅳ.2 실로암 보이스 설치와 사용법<br /><br />웹 접근성의 취지와 배경, 목적과 지침에 대한 해설, 실무 프로젝트에서 벌어지는 모든 웹 접근성 관련 지식과 노하우를 모두 제공하고 있으며, 웹 접근성 준수 여부를 검사하는 화면 낭독기에 대한 자세한 내용까지 모두 담았다. 각 분야 최고의 전문성을 가진 저자들이 내용을 구성했고, 웹 콘텐츠 접근성 지침의 자세한 해설과 프로젝트 노하우, 1급 시각장애인 저자의 화면 낭독기 분석까지 웹 접근성과 관련한 모든 내용을 총망라했다. 실무에서 바로 사용할 수 있도록 소스코드 예제까지 포함한 다양한 사례를 통해 웹 접근성에 대해 자신감을 가지고 적용할 수 있다. <BR><BR><b>[이 책에서 다루는 내용]</b><BR><BR>- 웹 접근성의 기본 개념과 장애인차별금지법 소개<BR>- 웹 접근성 품질마크 획득을 위한 기준과 장애인차별금지법 대응 방법 <BR>- 한국형 웹 콘텐츠 접근성 지침의 원리와 응용<BR>- 성공적인 웹 접근성 프로젝트를 위한 팀별 업무 및 가이드 제시<BR>- 화면 낭독기의 원리와 기능 및 사용방법 소개<BR>- 전문가 평가와 사용자 평가를 위한 평가도구 사용법 및 노하우<BR>- 웹 접근성과 관련된 다양한 응용 사례 및 향후 방향성 제시<BR>- 책에서 설명한 모든 예제에 대한 소스코드 개선 방법<BR><BR><b>[이 책의 대상 독자]</b><BR><BR>이 책은 HTML을 이해하고 있는 웹 접근성 프로젝트 참여자를 기본적인 독자로 생각한다. 따라서 기본적인 웹 표준에 맞추어 웹 사이트를 구현할 수 있는 정도의 선수지식이 있을 경우 가장 좋다. 하지만 웹 접근성의 전체적인 관점에서 기술되어 있으므로 웹 접근성을 전혀 모르는 사람이라도 차근차근 읽어볼 수 있고, 웹 표준을 모른다고 하더라도 웹 표준 서적과 함께 읽어나갈 수 있다. 나아가 기업의 IT책임자, 공공기관의 정보화 담당관, 웹 기획자, 퍼블리셔, 디자이너, 개발자, 웹 접근성 프로젝트 책임자, 웹 접근성 컨설턴트, 웹 접근성 품질마크를 획득하고자 하는 이, 웹 접근성 평가사가 되고 싶은 사람 등 웹 접근성을 알고 싶은 모든 분이 이 책의 독자가 될 수 있다.<BR><BR><b>[이 책의 구성]</b><BR><BR>1부, 웹 접근성 이해: 웹 접근성과 장애인차별금지법, 웹 접근성 품질마크 등 중요 개념을 정리한다.<BR>1장, 웹 접근성과 장애인차별금지법에서는 기본 개념과 용어를 정립하고자 웹 접근성과 장애인차별금지법을 알아본다. 특히 같은 용어지만 다른 범위로 사용되는 현재의 문제점을 살펴보고, 올바른 용어 사용을 살펴본다. 또한 장애인차별금지법의 취지와 이를 반영하기 위한 웹 접근성 분야를 소개한다.<BR>2장, 웹 접근성 품질인증마크와 인증획득에서는 국가임의인증제도로 새롭게 변경된 웹 접근성 품질인증마크에 대한 소개와 기존의 한국정보화진흥원의 인증절차와 획득 과정을 간단히 소개한다<BR><BR>2부, 웹 접근성 기본 4원칙: 웹 접근성의 기본 원칙을 장별로 설명한다.<BR>3장, 인식의 용이성: 모든 콘텐츠는 사용자가 인식할 수 있어야 한다에서는 인식의 용이성 원칙에 포함하는 검사항목을 설명한다. 모든 콘텐츠를 사용자가 인식할 수 있도록 구현하기 위한 검사항목의 개념과 목적, 오류유형의 설명과 개선 방안을 소개한다.<BR>4장, 운용의 용이성: 사용자 인터페이스 구성요소는 조작 가능하고 내비게이션할 수 있어야 한다에서는 운용의 용이성 원칙에 포함하는 검사항목을 설명한다. 사용자 인터페이스 구성 요소를 조작하고, 쉽게 내비게이션할 수 있게 하는 검사항목의 개념과 목적, 오류유형의 설명과 개선 방안을 소개한다.<BR>5장, 이해의 용이성: 콘텐츠는 이해할 수 있어야 한다에서는 이해의 용이성 원칙에 포함하는 검사항목을 설명한다. 모든 콘텐츠를 사용자가 이해하기 쉽도록 구현하기 위한 검사항목의 개념과 목적, 오류유형의 설명과 개선 방안을 소개한다.<BR>6장, 견고성: 웹 콘텐츠는 미래의 기술로도 접근할 수 있도록 최대한 호환되어야 한다에서는 견고성 원칙에 포함하는 검사항목을 설명한다. 미래의 기술로도 콘텐츠에 접근할 수 있도록 견고하게 만들기 위한 검사항목의 개념과 목적, 오류유형의 설명과 개선 방안을 소개한다.<BR><BR>3부, 웹 접근성 실전: 웹 접근성을 실전에서 적용할 수 있도록 응용기술과 팀별 프로젝트 적용 방법을 설명한다.<BR>7장, 웹 접근성 난제 해결에서는 웹 접근성 실무에 필요한 웹 접근성 응용 기법을 소개하면서 모호한 웹 접근성의 사례를 바탕으로 하여 웹 접근성을 적용할 수 있는 바람직한 방향을 소개한다.<BR>8장, 웹 접근성 프로젝트 팀별 업무와 가이드에서는 웹 접근성 프로젝트의 실무에서 팀별로 역할을 나누고 실행할 수 있도록 가이드를 제공한다. <BR>9장, 장애인차별금지법 대응을 위한 컨설팅 전략에서는 웹 접근성 담당자가 실무적으로 장애인차별금지법에 대응할 수 있게 예산이나 규모, 기술 부족에 따른 단계적 계획을 수립하고 향후 유지보수를 위해 팀을 구성해가는 방법을 설명한다 <BR><BR>4부, 웹 접근성 검증과 테스트: 웹 접근성 평가 방법을 설명한다.<BR>10장, 웹 접근성 평가 기법에서는 웹 접근성 평가 방법을 설명한다. 자동 평가와 수동 평가의 특징과 전문가 평가와 사용자 평가 방법, 각종 도구의 설치와 사용 방법을 소개한다<BR>11장, 접근성을 위한 보조기술에서는 보조기술의 개요와 사용자 평가에서 사용되는 화면 낭독기의 사용 방법과 음성 지원에 대한 항목별 분석, 화면 확대기의 사용 방법 등을 소개한다 <BR><BR>5부 웹 접근성의 미래: 웹 접근성의 미래를 소개한다. <BR>12장, 웹 접근성의 미래와 과제에서는 웹 접근성을 시작으로 다양해질 접근성 분야의 표준과 파생 분야를 소개하고, 이를 통해 미래를 준비하고 헤쳐 나가야 할 과제를 논의한다. </div>
</div>
<div style="margin-top:10px"> </div>
<!-- 자료실정보 끝 -->
<!-- 펼쳐보기 시작 -->
<!-- 펼쳐보기 끝 -->
<div id="info_detail_src_end"></div>
<!-- 탭1-상품상세정보 -->
</td>
</tr>
<tr>
<td>
<!-- 탭3-서평보기 -->
<div class="nlist_info">
<div class="sort_box" id="tab3">
<ul>
<li><a href="#tab0" style='border-left:1px solid #d0d0d0'>같은도서가격비교</a></li>
<li><a href="#tab1">도서상세정보</a></li>
<li><a href="#tab3" class="on">서평보기 <span class="count review_cnt">(0)</span></a></li>
<li><a href="#tab4">결제/배송정보</a></li>
<li><a href="#tab5">참쉬운반품</a></li>
</ul>
</div>
</div>
<div id="info_review" class="info_detailed" style="margin-top:10px">
<h2><img src="/sub/images/01/view_info_buy08.gif" alt="서평보기" /></h2>
<!-- 프리미엄서평 시작 -->
<div id="premium_write" style="position:relative;top:0px;width:100%;"></div>
<!-- 프리미엄 서평 끝 -->
<!-- 일반서평 시작 -->
<div id="general_write" style="float:left;position:relative;top:0px;left:10px"></div>
<iframe id="itwriteFrm" name="itwriteFrm" src="about:blank" width="740" height="0" frameborder="0" scrolling=no marginwidth="0" marginheight="0" vspace="0" hspace="0"></iframe>
<!-- 일반서평 끝 -->
<SCRIPT type="text/javascript">
<!--
$(function(){
var max_sell = 41500;
var r_idx = 0;
$("#sortkey").find("option").each(function(){
sprice = $(this).val().trim().replaceAll(',','');
if (sprice !='' && sprice !='31up'){
sprice = parseInt(sprice,10);
if (sprice > max_sell){
$(this).remove();
r_idx++;
}
}
if (r_idx > 2 && sprice == '31up'){
$(this).remove();
}
});
});
function ajax_itwrite(_divId_,_mtype_,_url_,_wtype_,_hcode_,_itemid_,_page_,wtot,_sritemid_){
var ajobj = $("#"+_divId_);
var param = "wtype="+_wtype_+"&hcode="+_hcode_+"&sritemid="+_sritemid_+"&itemid="+_itemid_+"&wpage="+_page_+"&booktype=n&wTot="+wtot;
$.ajax({
type : _mtype_ ,
url : _url_ ,
//url: "/b_manager/ajax/echo_ajax.html",
data : param ,
beforeSend: function() {
//ajobj.empty();
var pmsg = workingProcessImg();
var imsg = ajobj.html();
pmsg = pmsg + imsg;
ajobj.html(pmsg);
},
error: function(){
//alert("서버와 접속이 원활하지 못합니다.");
//ajobj.empty();
},
success: function(msg) {
if (_divId_ == 'premium_write' || _divId_ == 'general_write')
ajobj.html(msg);
else
ajobj.css({"width":"1080px","padding":"10px"}).html(msg);
}
});
}
var iw_echo_row = 0;
var cmp_echo_row = 0; // 가격비교 20개 이상인 경우
var noti_echo_row = 0;
var iw_pos = $("#tab3").offset().top;
var cmp_pos = $("#info_detail3").offset().top+700;
$(window).scroll(function(){
iw_pos = $("#tab3").offset().top;
var fix_pos = $(window).scrollTop() + $(window).height();
if (iw_pos<fix_pos){
if (watch_review.length > 0){
$.each(watch_review,function(idx,item){
$("#seller_info_"+item).empty().css("display","none");
});
watch_review=[];
}
if (iw_echo_row==0){
iw_echo_row++;
ajax_itwrite('premium_write','GET','item_write_echo.html','premium','0','0','1','','297097');
ajax_itwrite('general_write','GET','item_write_echo.html','general','0','0','1','0','297097');
}
}
/*
if (cmp_echo_row > 0 && noti_echo_row == 0){
setTimeout("item_notice()",4000);
noti_echo_row++;
}
*/
});
function st_blink(){
var v_blink = setInterval(function(){
$(".blinks").fadeOut('slow').fadeIn('slow');
},700);
}
$(function(){
st_blink();
});
//-->
</SCRIPT>
</div>
<!-- 탭3-서평보기 -->
</td>
</tr>
<tr>
<td>
<!-- 탭4-배송/교환/환불정보 -->
<div class="nlist_info">
<div class="sort_box" id="tab4">
<ul>
<li><a href="#tab0" style='border-left:1px solid #d0d0d0'>같은도서가격비교</a></li>
<li><a href="#tab1">도서상세정보</a></li>
<li><a href="#tab3">서평보기 <span class="count review_cnt">(0)</span></a></li>
<li><a href="#tab4" class="on">결제/배송정보</a></li>
<li><a href="#tab5">참쉬운반품</a></li>
</ul>
</div>
</div>
<div id="etcinfo">
<ul>
<li><img src="/sub/images/01/item_deliv.jpg" width="930" height="430" /></li>
</ul>
</div>
<!-- 탭4-배송/교환/환불정보 -->
</td>
</tr>
<tr>
<td>
<!-- 탭5-배송/교환/환불정보 -->
<div class="nlist_info">
<div class="sort_box" id="tab5">
<ul>
<li><a href="#tab0" style='border-left:1px solid #d0d0d0'>같은도서가격비교</a></li>
<li><a href="#tab1">도서상세정보</a></li>
<li><a href="#tab3">서평보기 <span class="count review_cnt">(0)</span></a></li>
<li><a href="#tab4">결제/배송정보</a></li>
<li><a href="#tab5" class="on">참쉬운반품</a></li>
</ul>
</div>
</div>
<div id="etcinfo">
<ul>
<li><img src="/sub/images/01/item_return.jpg" width="930" height="1220" /></li>
<li style="padding:10px 0;text-align:center;"><a href="event.html?pnum=103" target="_blank"><img src="/sub/images/01/btn_return.gif" width="396" height="70" /></a></li>
</ul>
</div>
<!-- 탭5-배송/교환/환불정보 -->
</td>
</tr>
</table>
</div>
<!-- 제품정보 끝 -->
</td>
</tr>
</table>
</div>
<!-- main_content -->
<script type="text/javascript">
<!--
(function(){
var scr = document.getElementsByTagName('script');
var jschk = 'N';
for (var i=0;i<scr.length;i++){
sname = scr[i].getAttribute('src');
//if (sname == '/lib/jquery-1.6.2.min.js'){
if (sname != null && sname.indexOf('/lib/jquery-')>-1){
jschk = 'Y'
break;
}
}
if (jschk == 'N'){ // jquery가 불가능하다면 js파일 추가
document.write('<scr' + 'ipt type="text/javascript" src="/lib/jquery-1.6.2.min.js">"><\/scr' + 'ipt>');
}
})()
//-->
</script>
<style type="text/css">
div#quick_wrap{
position: absolute;top:150px;right:50%; margin-right:-640px;width:70px;
}
/* css 핵 IE 7 */
*:first-child+html div#quick_wrap{
position: absolute;top:150px;right:50%; margin-right:-640px;width:70px;
}
/* css 핵 IE 6 */
*html div#quick_wrap{
position: absolute;top:150px;right:50%; margin-right:-640px;width:70px;
}
div#quick{
position:absolute;
top: 0px;
}
div#quick_l{
position:absolute;
top: 0px;
}
div#quick_l ul li{
padding-bottom:5px;
}
#myshop {
position:relative;
border:1px solid #dbdbdb;
width:68px;
/*height:120px;*//* 퀵메뉴 나의쇼핑에 무이자안내 메뉴 있는 경우*/
height:100px; /* 퀵메뉴 나의쇼핑에 무이자안내 메뉴 없는 경우*/
}
#myshop ul {
padding:1px 5px;
}
#myshop ul li {
text-align:center;
border-bottom:1px solid #e4e4e4;
padding:5px 0;
height:15px;
}
#myshop ul li img {
vertical-align:top;
}
#myshop ul li.hid {
border-bottom:none;
}
#lately_p {
position:relative;
top:10px;
}
/*
#lately_p div {
border:1px solid #dbdbdb;
}
*/
#quick_itemlist{
border:1px solid #dbdbdb;text-align:center;
}
#lately_p ul {
position:relative;
padding:5px;
}
#lately_p li p.img {
text-align:center;
}
#lately_p li p.title a {
font-size:90%;
letter-spacing:-0.05em;
}
#lately_p p.btn {
position:relative;
text-align:center;
height:15px;
}
#lately_p p.btn img {
margin:0 1px;
vertical-align:top;
}
/* 퀵 장바구니 */
#lately_cart {
position:relative;
top:20px;
}
#quick_cartlist{
border:1px solid #dbdbdb;text-align:center;
}
#lately_cart ul {
position:relative;
padding:5px;
}
#lately_cart li p.img {
text-align:center;
}
#lately_cart li p.title a {
font-size:90%;
letter-spacing:-0.05em;
}
#lately_cart p.btn {
position:relative;
text-align:center;
height:15px;
}
#lately_cart p.btn img {
margin:0 1px;
vertical-align:top;
}
#quick_bn {
position:relative;
top:10px;
}
#quick_bn li img {
vertical-align:top;
margin-top:5px;
}
div#quick_left{
position: absolute;top:150px;left:50%; margin-left:-710px;width:140px;
}
/* css 핵 IE 7 */
*:first-child+html div#quick_left{
position: absolute;top:150px;left:50%; margin-left:-710px;width:140px;
}
/* css 핵 IE 6 */
*html div#quick_left{
position: absolute;top:150px;left:50%; margin-left:-710px;width:140px;
}
div#quick_l{position: absolute; top:10px;width:138px; border:1px solid #dcdcdc;}
div#quick_l h2 { padding-top:10px; height:20px; background:#e2e2e2; color:#000000; font-size:12px; font-weight:800; text-align:center;}
div#quick_l ul { margin:5px;}
div#quick_l ul li{ display:block; padding-left:3px; height:30px; background:url(/sub/images/quick_left_i.png) no-repeat 120px 15px; line-height:33px; border-bottom:1px solid #dcdcdc;}
div#quick_l ul li.nobd { border-bottom:none;}
div#quick_l ul li a { font-size:11px; letter-spacing:-1px;}
.quick_l_best { overflow:hidden; width:138px; border:1px solid #dcdcdc; margin-bottom:10px; z-index:9999;background-color:#fff}
.quick_l_best h2 { margin:5px; background:#f4f4f4; padding:5px 6px 3px; color:#000000; font-weight:800;}
.quick_l_best ul { margin:6px;}
.quick_l_best ul li { display:block; margin:3px 0; padding-left:20px;background:url(/sub/images/dot_02.gif) no-repeat 40% left; letter-spacing:-1px;}
.quick_l_best ul li .b_prd { margin-bottom:10px; padding-bottom:5px; border:1px solid #efefef; text-align:center;}
.quick_l_best ul li .b_prd a {font-weight:800;}
.quick_l_best ul li .b_prd img { display:block; margin:0 auto 5px; width:80px; height:80px;}
.quick_l_best ul li span.rank { position: absolute; left:7px; display:inline-block; background-color:#6d8aa4; border:1px solid #97a3b1; width:14px; height:14px; line-height:18px; font-weight:700; color:#FFFFFF; text-align:center;}
.quick_l_best ul li .b_prd2 { display:block; clear:both; padding:5px 0;}
.quick_l_best ul li .b_prd2 a { padding-left:0;}
.quick_l_best ul li .b_prd2 img { float:left; margin:0 5px 5px 0; width:48px; height:58px; border:1px solid #ececec;}
</style>
<div id="quick_left">
<div id="quick_l">
<h2><img src="/sub/images/quick_left_t.png" alt="서비스혜택" /></h2>
<ul>
<li><a href="https://www.littlemom.co.kr:8443/sub/etc/mypagesell01_mwrite.html#stitle" onfocus="this.blur()">내책 직접 팔기</a></li>
<li><a href="https://www.littlemom.co.kr:8443/sub/02/visit_list.html" onfocus="this.blur()">개똥이네 방문매입</a></li>
<li><a href="https://www.littlemom.co.kr:8443/sub/01/event.html?pnum=129" onfocus="this.blur()">오프라인 매장안내</a></li>
<li class="nobd"><a href="/sub/02/01_view.html?num=72&page=1&keyfield=&key=&fid=-72&bbid=1&pg_menuchk=02" onfocus="this.blur()">도서구입비 소득공제</a></li>
</ul>
</div>
<div style="position: absolute;top:200px;">
<div id="quick_best_cid" class="quick_l_best" onmouseover="sub_best_view('y')" onmouseout="sub_best_view('n')">
<h2>단행본 BEST 도서</h2>
<ul>
<li style="padding-left:0;" class='sub_best_shot'>
<div class="b_prd">
<span class="rank">1</span>
<a href="/sub/01/srclist_book_sub.html?sritid=710854&cid=2" title="바보 빅터"><img src='/sritem_img/854/710854_1.jpg' />
바보 빅터</a>
</div>
</li>
<li style="padding-left:0;display:none" class='sub_best_whole'>
<div class="b_prd">
<span class="rank">1</span>
<a href="/sub/01/srclist_book_sub.html?sritid=710854&cid=2"><img src='/sritem_img/854/710854_1.jpg' />
바보 빅터</a>
</div>
</li>
<li class='sub_best_shot'><span class="rank">2</span><a href="/sub/01/srclist_book_sub.html?sritid=222295&cid=2" title="아빠, 나한테 물어봐">아빠, 나한테 ...</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">2</span><a href="/sub/01/srclist_book_sub.html?sritid=222295&cid=2">아빠, 나한테 물어봐</a></li> <li class='sub_best_shot'><span class="rank">3</span><a href="/sub/01/srclist_book_sub.html?sritid=218080&cid=2" title="엄마, 나를 포기하세요!">엄마, 나를 포...</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">3</span><a href="/sub/01/srclist_book_sub.html?sritid=218080&cid=2">엄마, 나를 포기하세요!</a></li> <li class='sub_best_shot'><span class="rank">4</span><a href="/sub/01/srclist_book_sub.html?sritid=30399&cid=2" title="마법의 설탕 두 조각">마법의 설탕 ...</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">4</span><a href="/sub/01/srclist_book_sub.html?sritid=30399&cid=2">마법의 설탕 두 조각</a></li> <li class='sub_best_shot'><span class="rank">5</span><a href="/sub/01/srclist_book_sub.html?sritid=204697&cid=2" title="금지어 시합">금지어 시합</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">5</span><a href="/sub/01/srclist_book_sub.html?sritid=204697&cid=2">금지어 시합</a></li> <li class='sub_best_shot'><span class="rank">6</span><a href="/sub/01/srclist_book_sub.html?sritid=5103&cid=2" title="리디아의 정원">리디아의 정원</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">6</span><a href="/sub/01/srclist_book_sub.html?sritid=5103&cid=2">리디아의 정원</a></li> <li class='sub_best_shot'><span class="rank">7</span><a href="/sub/01/srclist_book_sub.html?sritid=8442&cid=2" title="책 먹는 여우">책 먹는 여우</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">7</span><a href="/sub/01/srclist_book_sub.html?sritid=8442&cid=2">책 먹는 여우</a></li> <li class='sub_best_shot'><span class="rank">8</span><a href="/sub/01/srclist_book_sub.html?sritid=624603&cid=2" title="나의 첫 역사책 시리즈 1~20권 세트">나의 첫 역사...</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">8</span><a href="/sub/01/srclist_book_sub.html?sritid=624603&cid=2">나의 첫 역사책 시리즈 1~20권 세트</a></li> <li class='sub_best_shot'><span class="rank">9</span><a href="/sub/01/srclist_book_sub.html?sritid=1148361&cid=2" title="아프니까 청춘이다">아프니까 청춘...</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">9</span><a href="/sub/01/srclist_book_sub.html?sritid=1148361&cid=2">아프니까 청춘이다</a></li> <li class='sub_best_shot'><span class="rank">10</span><a href="/sub/01/srclist_book_sub.html?sritid=1486913&cid=2" title="만복이네 떡집 세트(특별 한정판)">만복이네 떡집...</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">10</span><a href="/sub/01/srclist_book_sub.html?sritid=1486913&cid=2">만복이네 떡집 세트(특별 한정판)</a></li> <li class='sub_best_shot'><span class="rank">11</span><a href="/sub/01/srclist_book_sub.html?sritid=6610&cid=2" title="샬롯의 거미줄">샬롯의 거미줄</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">11</span><a href="/sub/01/srclist_book_sub.html?sritid=6610&cid=2">샬롯의 거미줄</a></li> <li class='sub_best_shot'><span class="rank">12</span><a href="/sub/01/srclist_book_sub.html?sritid=1417727&cid=2" title="추리 천재 엉덩이 탐정 1">추리 천재 엉...</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">12</span><a href="/sub/01/srclist_book_sub.html?sritid=1417727&cid=2">추리 천재 엉덩이 탐정 1</a></li> <li class='sub_best_shot'><span class="rank">13</span><a href="/sub/01/srclist_book_sub.html?sritid=36828&cid=2" title="우리들의 일그러진 영웅">우리들의 일그...</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">13</span><a href="/sub/01/srclist_book_sub.html?sritid=36828&cid=2">우리들의 일그러진 영웅</a></li> <li class='sub_best_shot'><span class="rank">14</span><a href="/sub/01/srclist_book_sub.html?sritid=227243&cid=2" title="나는 3학년 2반 7번 애벌레">나는 3학년 2...</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">14</span><a href="/sub/01/srclist_book_sub.html?sritid=227243&cid=2">나는 3학년 2반 7번 애벌레</a></li> <li class='sub_best_shot'><span class="rank">15</span><a href="/sub/01/srclist_book_sub.html?sritid=202113&cid=2" title="쉿! 너만 알고 있어">쉿! 너만 알고...</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">15</span><a href="/sub/01/srclist_book_sub.html?sritid=202113&cid=2">쉿! 너만 알고 있어</a></li> <li class='sub_best_shot'><span class="rank">16</span><a href="/sub/01/srclist_book_sub.html?sritid=1548590&cid=2" title="열두 살 장래 희망">열두 살 장래 ...</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">16</span><a href="/sub/01/srclist_book_sub.html?sritid=1548590&cid=2">열두 살 장래 희망</a></li> <li class='sub_best_shot'><span class="rank">17</span><a href="/sub/01/srclist_book_sub.html?sritid=447404&cid=2" title="추리 천재 엉덩이 탐정 4">추리 천재 엉...</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">17</span><a href="/sub/01/srclist_book_sub.html?sritid=447404&cid=2">추리 천재 엉덩이 탐정 4</a></li> <li class='sub_best_shot'><span class="rank">18</span><a href="/sub/01/srclist_book_sub.html?sritid=678264&cid=2" title="추리 천재 엉덩이 탐정 3">추리 천재 엉...</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">18</span><a href="/sub/01/srclist_book_sub.html?sritid=678264&cid=2">추리 천재 엉덩이 탐정 3</a></li> <li class='sub_best_shot'><span class="rank">19</span><a href="/sub/01/srclist_book_sub.html?sritid=1702236&cid=2" title="랑랑 형제 떡집">랑랑 형제 떡집</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">19</span><a href="/sub/01/srclist_book_sub.html?sritid=1702236&cid=2">랑랑 형제 떡집</a></li> <li class='sub_best_shot'><span class="rank">20</span><a href="/sub/01/srclist_book_sub.html?sritid=1450252&cid=2" title="추리 천재 엉덩이 탐정 8">추리 천재 엉...</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">20</span><a href="/sub/01/srclist_book_sub.html?sritid=1450252&cid=2">추리 천재 엉덩이 탐정 8</a></li> <li class='sub_best_shot'><span class="rank">21</span><a href="/sub/01/srclist_book_sub.html?sritid=104794&cid=2" title="도대체 넌 뭐가 될거니?">도대체 넌 뭐...</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">21</span><a href="/sub/01/srclist_book_sub.html?sritid=104794&cid=2">도대체 넌 뭐가 될거니?</a></li> <li class='sub_best_shot'><span class="rank">22</span><a href="/sub/01/srclist_book_sub.html?sritid=219606&cid=2" title="무조건 내 말이 맞아!">무조건 내 말...</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">22</span><a href="/sub/01/srclist_book_sub.html?sritid=219606&cid=2">무조건 내 말이 맞아!</a></li> <li class='sub_best_shot'><span class="rank">23</span><a href="/sub/01/srclist_book_sub.html?sritid=218211&cid=2" title="참 괜찮은 나">참 괜찮은 나</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">23</span><a href="/sub/01/srclist_book_sub.html?sritid=218211&cid=2">참 괜찮은 나</a></li> <li class='sub_best_shot'><span class="rank">24</span><a href="/sub/01/srclist_book_sub.html?sritid=1785471&cid=2" title="고양이 해결사 깜냥 시리즈(6권)">고양이 해결사...</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">24</span><a href="/sub/01/srclist_book_sub.html?sritid=1785471&cid=2">고양이 해결사 깜냥 시리즈(6권)</a></li> <li class='sub_best_shot'><span class="rank">25</span><a href="/sub/01/srclist_book_sub.html?sritid=1738148&cid=2" title="수상한 교장실">수상한 교장실</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">25</span><a href="/sub/01/srclist_book_sub.html?sritid=1738148&cid=2">수상한 교장실</a></li> <li class='sub_best_shot'><span class="rank">26</span><a href="/sub/01/srclist_book_sub.html?sritid=1733225&cid=2" title="흔한남매 과학 탐험대 7: 생물 1">흔한남매 과학...</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">26</span><a href="/sub/01/srclist_book_sub.html?sritid=1733225&cid=2">흔한남매 과학 탐험대 7: 생물 1</a></li> <li class='sub_best_shot'><span class="rank">27</span><a href="/sub/01/srclist_book_sub.html?sritid=233026&cid=2" title="추리 천재 엉덩이 탐정 2">추리 천재 엉...</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">27</span><a href="/sub/01/srclist_book_sub.html?sritid=233026&cid=2">추리 천재 엉덩이 탐정 2</a></li> <li class='sub_best_shot'><span class="rank">28</span><a href="/sub/01/srclist_book_sub.html?sritid=1473793&cid=2" title="강남 사장님">강남 사장님</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">28</span><a href="/sub/01/srclist_book_sub.html?sritid=1473793&cid=2">강남 사장님</a></li> <li class='sub_best_shot'><span class="rank">29</span><a href="/sub/01/srclist_book_sub.html?sritid=30371&cid=2" title="프린들 주세요">프린들 주세요</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">29</span><a href="/sub/01/srclist_book_sub.html?sritid=30371&cid=2">프린들 주세요</a></li> <li class='sub_best_shot'><span class="rank">30</span><a href="/sub/01/srclist_book_sub.html?sritid=315354&cid=2" title="시간을 파는 상점">시간을 파는 상점</a></li>
<li class='sub_best_whole' style='display:none'><span class="rank">30</span><a href="/sub/01/srclist_book_sub.html?sritid=315354&cid=2">시간을 파는 상점</a></li> </ul>
</div>
</div>
</div>
<div id="quick_wrap">
<div id="quick">
<div id="myshop">
<h2><img src="/sub/images/myshop_h.gif" alt="나의쇼핑" width="68" height="16" /></h2>
<ul>
<li><a href="http://www.inicis.com/index.jsp" target="_blank" onfocus="this.blur()"><img src="/sub/images/myshop_menu_01.gif" alt="카드내역조회" width="58" height="15" border="0" /></a></li>
<!--li><a href="/sub/01/event.html?pnum=85" onfocus="this.blur()"><img src="/sub/images/myshop_menu_02.gif" alt="무이자안내" width="58" height="15" border="0" /></a></li//-->
<li><a href="https://www.littlemom.co.kr:8443/sub/01/satisfaction.html" onfocus="this.blur()"><img src="/sub/images/myshop_menu_03.gif" alt="만족도보기" width="58" height="15" border="0" /></a></li>
<li class="hid"><a href="https://www.littlemom.co.kr:8443/sub/01/salerank.html" onfocus="this.blur()"><img src="/sub/images/myshop_menu_04.gif" alt="판매자보기" width="58" height="15" border="0" /></a></li>
</ul>
</div>
<script src="/lib/jQuery.slide.js"></script>
<div id="lately_p">
<h2><img src="/sub/images/lately_p_h.gif" alt="최근본상품" width="70" height="22" /></h2>
<div id="quick_itemlist"></div>
<div id="quick_itemlist_detail" style="position:absolute;top:0px;left:0px;width:0px;height:0px;" itemid='' item_content='' ></div>
</div>
<div id="lately_cart">
<h2><img src="/sub/images/now_cart.gif" alt="장바구니" width="70" height="22" style="cursor:pointer" onclick="location.href='/sub/etc/cart.html'" /></h2>
<div id="quick_cartlist"></div>
<div id="quick_cartlist_detail" style="position:absolute;top:0px;left:0px;width:0px;height:0px;" itemid='' item_content='' ></div>
</div>
<div id="quick_bn">
<ul>
</ul>
</div>
<div style=" position:relative; overflow:hidden;margin-top:25px;"><a href="#" style="display:block; padding:3px 0; border:1px solid #e4e4e4; background:#ffffff; font-size:11px; font-weight:600; color:#000000; text-align:center;">TOP</a></div>
</div>
</div>
<!-- //오른쪽 퀵메뉴 -->
<script type="text/javascript">
<!--
function sub_best_view(chk){
if (chk == 'y'){
$("#quick_best_cid").css("width","250px");
$(".sub_best_shot").css("display","none");
$(".sub_best_whole").css("display","");
}else{
$("#quick_best_cid").css("width","138px");
$(".sub_best_shot").css("display","");
$(".sub_best_whole").css("display","none");
}
}
window.setTimeout(function(){
$("#quick_itemlist").load("/sub/inc/quick_item_list.html");
$("#quick_cartlist").load("/sub/inc/quick_cart_list.html");
},200);
function initMoving(target) {
if (!target)
return false;
var topLimit = 230;
var btmLimit = 100;
var obj = target;
if (typeof(window.pageYOffset) == 'number') { //WebKit
var getTop = function() {
return window.pageYOffset;
}
} else if (typeof(document.documentElement.scrollTop) == 'number') {
var getTop = function() {
return Math.max(document.documentElement.scrollTop, document.body.scrollTop);
}
} else {
var getTop = function() {
return 0;
}
}
if (self.innerHeight) { //WebKit
var getHeight = function() {
return self.innerHeight;
}
} else if(document.documentElement.clientHeight) {
var getHeight = function() {
return document.documentElement.clientHeight;
}
} else {
var getHeight = function() {
return 500;
}
}
function move() {
var rBrowser = navigator.userAgent.toLowerCase();
var rAgent = navigator.userAgent.toLowerCase();
var browserType = 'false';
if (rBrowser.indexOf('msie')>0 || rBrowser.indexOf('firefox')>0){
browserType = 'true';
/* if (rAgent.indexOf('msie 6')>0 || rAgent.indexOf('msie 8')>0) {
browserType = 'false';
} */
if (rAgent.indexOf('msie 6')>0) {
browserType = 'false';
}
}
var diffTop = getTop();
var pageHeight = getHeight();
var qucik_h = obj.offsetHeight;
if (diffTop < topLimit)
diffTop = topLimit;
if (pageHeight >= qucik_h - topLimit - btmLimit){
if (diffTop > topLimit){
if (browserType == 'true'){
obj.style.position = "fixed";
obj.style.top = "10px";
obj.style.display = "block";
}else{
obj.style.position = "absolute";
obj.style.top = (diffTop-topLimit+10) + "px";
obj.style.display = "block";
}
}else{
obj.style.position = "absolute";
obj.style.top = "0px";
obj.style.display = "block";
}
}else{
diffTop = pageHeight - qucik_h + topLimit - btmLimit - 35;
obj.style.position = "absolute";
obj.style.top = diffTop + "px";
obj.style.display = "block";
}
window.setTimeout(function () {
move();
}, 100);
}
function addEvent(obj, type, fn) {
if (obj.addEventListener) {
obj.addEventListener(type, fn, false);
} else if (obj.attachEvent) {
obj['e' + type + fn] = fn;
obj[type + fn] = function() {
obj['e' + type + fn](window.event);
}
obj.attachEvent('on' + type, obj[type + fn]);
}
}
addEvent(window, 'load', function () {
move();
});
}
$(function(){
// 최근 본 도서
$("#quick_itemlist_detail").mouseover(function(){
itemid = $(this).attr('itemid');
item_content = $(this).attr('item_content');
if (itemid && item_content)
quick_content(item_content,itemid)
}).mouseout(function(){
itemid = $(this).attr('itemid');
if (itemid)
quick_remove(itemid);
});
// 장바구니
$("#quick_cartlist_detail").mouseover(function(){
itemid = $(this).attr('itemid');
item_content = $(this).attr('item_content');
if (itemid && item_content)
quick_content(item_content,itemid,'preview_cart')
}).mouseout(function(){
itemid = $(this).attr('itemid');
if (itemid)
quick_remove(itemid,'preview_cart');
});
var right_js_appname = navigator.appName;
var right_js_useragent = navigator.userAgent;
var right_js_allver = navigator.appVersion;
//if(right_js_appname == "Microsoft Internet Explorer" && right_js_useragent.indexOf('MSIE 8')>0) {
//} else {
initMoving(document.getElementById("quick"));
//}
});
//-->
</script>
<SCRIPT type='text/javascript'>
<!--
function removeSeeGoods(itid,no,page,p_obj){
if (!p_obj){
// 최근본 도서
$.post("/sub/inc/quick_item_list.html",{delnum:no,lpage:page},function(data){
$("#quick_itemlist").html(data);
quick_remove(itid);
});
}else if (p_obj == 'preview_cart'){ // 장바구니
if (confirm("장바구니에서 삭제 하시겠습니까?") == true) {
$.post("/sub/inc/quick_cart_list.html",{delnum:no,lpage:page},function(data){
$("#quick_cartlist").html(data);
quick_remove(itid,p_obj);
});
}
}
}
function quick_content(content,itid,p_obj){
var top_dec = 0;
var p_cnt = 0;
if (!p_obj){
p_obj = 'preview';
p_obj_detail = 'quick_itemlist_detail';
top_dec = 112; // 위치 조정
}else{
p_obj_detail = 'quick_cartlist_detail';
if ($("#preview_cnt").text()){
p_cnt = parseInt($("#preview_cnt").text(),10);
}
if (p_cnt==0){
top_dec = 202;
}else if (p_cnt >0 && p_cnt <= 3){
top_dec = 384;
}else{
top_dec = 422;
}
}
var obj = $("#"+p_obj+"_"+itid);
var top = obj.offset().top - $("#quick").offset().top - top_dec; // 퀵메뉴 나의쇼핑에 무이자안내 메뉴 없는 경우
$("#"+p_obj_detail).css({'position':'absolute','top': top+'px','left':'-155px','width':'150px','height':'56px','background-color':'#004298','z-index':'60','color':'#fff','font-size':'11px','padding':'5px','line-height':'140%','filter':'alpha(opacity=80)'}).html(content).attr('itemid',itid).attr('item_content',content);
obj.css({'border':'1px solid #0069f7','border-left-width':'0px','background-color':'#fff'});
}
function quick_remove(itid,p_obj){
if (!p_obj){
p_obj = 'preview';
p_obj_detail = 'quick_itemlist_detail';
}else{
p_obj_detail = 'quick_cartlist_detail';
}
var obj = $("#"+p_obj+"_"+itid);
$("#"+p_obj_detail).css({'position':'absolute','top':'0px','left':'0px','width':'0px','height':'0px','padding':'0px','margin':'0px'}).html('');
obj.css({'border':'1px solid #fff','background-color':'#fff'});
}
//-->
</SCRIPT> <script>
function bizCommPopOpen() {
var url = "http://www.ftc.go.kr/bizCommPop.do?wrkr_no=3018605751";
window.open(url, "bizCommPop", "width=750, height=700, scrollbars=yes");
}
</script>
<!-- footer -->
<div id="footer" class="w1120">
<div class="clearfix">
<div class="flogo">
<a href="/"><img src="/sub/images/footer_logo.gif" alt="개똥이네 로고"></a>
</div>
<div class="company">
<ul class="policy">
<li><a href="https://www.littlemom.co.kr:8443/sub/01/event.html?pnum=187" onfocus="this.blur()">회사소개</a></li>
<li><a href="https://www.littlemom.co.kr:8443/sub/02/05.html" onfocus="this.blur()">이용안내</a></li>
<li><a href="https://www.littlemom.co.kr:8443/sub/etc/agr.html" onfocus="this.blur()">서비스 이용약관</a></li>
<li><a href="https://www.littlemom.co.kr:8443/sub/etc/pri.html" onfocus="this.blur()" >개인정보처리방침</a></li>
<li><a href="javascript:bizCommPopOpen();void(0);" onfocus="this.blur()">공정거래위원회 사업자정보확인</a></li>
<li><a href="https://www.littlemom.co.kr:8443/sub/01/event.html?pnum=129" onfocus="this.blur()">지역 매장안내</a></li>
</ul>
<p class="layer1"><strong>(주)개똥이네</strong> 대표이사 : 배장환 주소 : 충북 청주시 흥덕구 2순환로 926(향정동)<br>
사업자등록번호 : 301-86-05751 통신판매업 신고 : 제2012-충북청주-0557호 개인정보보호책임자 : 배장환<br>
E-mail : <a class="email" href="mailto:E-mail : camparo@naver.com">camparo@naver.com</a></p>
<p class="layer4">Copyright ⓒ 2011 (주)개똥이네. All rights Reserved.</p>
</div>
<div class="etc">
<!--img src='/sub/images/inipay_63x63_color.png' border="0" alt="클릭하시면 이니시스 결제시스템의 유효성을 확인하실 수 있습니다." style="cursor:pointer" Onclick='javascript:window.open("https://mark.inicis.com/mark/popup_v1.php?no=48897&st=1391474882","mark","scrollbars=no,resizable=no,width=565,height=683");' //-->
<img src='/sub/images/inipay_63x63_color.png' border="0" />
</div>
</div>
</div><!-- //footer -->
<!-- allBody -->
<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>
<script type="text/javascript">
if(!wcs_add) var wcs_add = {};
wcs_add["wa"] = "s_108048c37ad";
if (!_nasa) var _nasa={};
if (window.wcs) {
wcs.inflow("littlemom.co.kr");
wcs_do(_nasa);
}
</script>
<!-- Enliple Tracker Start -->
<script type="text/javascript">
(function(a,g,e,n,t){a.enp=a.enp||function(){(a.enp.q=a.enp.q||[]).push(arguments)};n=g.createElement(e);n.async=!0;n.defer=!0;n.src="https://cdn.megadata.co.kr/dist/prod/enp_tracker_self_hosted.min.js";t=g.getElementsByTagName(e)[0];t.parentNode.insertBefore(n,t)})(window,document,"script");
enp('create', 'common', 'littlemom', { device: 'W' }); // W:웹, M: 모바일, B: 반응형
enp('send', 'common', 'littlemom');
</script>
<!-- Enliple Tracker End -->
<!-- Withpang Tracker v3.0 [공용] start -->
<!-- 모비온 착한가격 상품 통계 스크립트 버전 업-->
<!-- Withpang Tracker v3.0 [공용] end -->
<!-- http://logger.co.kr/login/loginForm.tsp 로거 통계 스트립트 -->
<!-- BS CTS TRACKING SCRIPT V.20 / 13561 : CTS / DO NOT ALTER THIS SCRIPT. -->
<!-- COPYRIGHT (C) 2002-2015 BIZSPRING INC. L4AD ALL RIGHTS RESERVED. -->
<!-- END OF BS CTS TRACKING SCRIPT -->
<!-- 애드팝 매체 광고 진행 로그 http://logger.co.kr/images/200912_free/developer_manual.pdf -->
<!-- LOGGER(TM) TRACKING SCRIPT V.40 FOR logger.co.kr / 50551 : COMBINE TYPE / DO NOT ALTER THIS SCRIPT. -->
<!-- END OF LOGGER TRACKING SCRIPT -->
</body>
</html>
총 
