(function (){
'use strict';
var CFG=window.IDC_CHATBOT_CFG||{
charUrl: '',
consultUrl: 'https://idc.kr/',
phone: '031-8015-0978',
};
var ICONS={
host: '',
own: '',
mobile:'',
video: '',
app: '',
plan: '',
chev: '',
};
var PRICING={
intro: 'IDC.KR 제작 비용 안내 (VAT 별도)\n프로그램 개발비 0원 · 맞춤 19만 ~ 95만원대',
visible: [
{ icon:'host', title:'호스팅형 · 연 구독', plans:[
{ name:'베이직', price:'198,000', unit:'원/년', desc:'PC+모바일 10P · 호스팅 1년 무료' },
{ name:'비즈니스', price:'294,000', unit:'원/년', desc:'12P · 호스팅·도메인 1년 · 무료수정', best:true },
{ name:'프로페셔널', price:'426,000', unit:'원/년', desc:'14P · 1년 후 리뉴얼 · 호스팅·도메인' },
]},
{ icon:'own', title:'구매형 · 완전 소유', plans:[
{ name:'구매형 베이직', price:'550,000', unit:'원', desc:'12P · 호스팅 2년 · 도메인 1년' },
{ name:'어드벤처드', price:'750,000', unit:'원', desc:'20P · 유지보수 2년 · 저작권 100%', best:true },
{ name:'울티마', price:'950,000', unit:'원', desc:'30P · AI 챗봇 무상 · 다국어 3개국' },
]},
],
more: [
{ icon:'mobile', title:'모바일 전용', plans:[
{ name:'모바일 베이직 (임대)', price:'650,000', unit:'원', desc:'모바일 10P · 호스팅 1년' },
{ name:'모바일 어드벤처드 (임대)', price:'1,050,000', unit:'원', desc:'15P · 호스팅·도메인 1년' },
{ name:'모바일 어드벤처드 (구매)', price:'1,350,000', unit:'원', desc:'저작권 100% · 호스팅 2년', best:true },
{ name:'모바일 울티마 (구매)', price:'1,650,000', unit:'원', desc:'20P · 저작권 100% · 2GB' },
]},
{ icon:'video', title:'유튜브 촬영', plans:[
{ name:'유튜브 베이직', price:'750,000', unit:'원', desc:'PD 출장 3시간 · 컷편집·자막' },
{ name:'유튜브 어드벤처드', price:'950,000', unit:'원', desc:'PD 5시간 · 쇼츠 1편 · 모션', best:true },
{ name:'유튜브 울티마', price:'1,500,000', unit:'원', desc:'PD 8시간 · 기획·종합 편집' },
]},
{ icon:'app', title:'APP 하이브리드', plans:[
{ name:'앱 베이직 (AOS)', price:'880,000', unit:'원', desc:'안드로이드 · 플레이스토어 등록' },
{ name:'앱 어드벤처드 (AOS+iOS)', price:'1,650,000', unit:'원', desc:'양대 마켓 · 푸시 · 탭바', best:true },
{ name:'앱 울티마 (AOS+iOS)', price:'2,750,000', unit:'원', desc:'네이티브 · GA4 · 무제한 대응' },
]},
{ icon:'plan', title:'기획형 · 통합 풀패키지', plans:[
{ name:'BIZ 기획', price:'1,000,000', unit:'원', desc:'전담 PM · 기획+제작 통합' },
{ name:'프로 PLAN', price:'3,000,000', unit:'원', desc:'UX 시나리오 · 다국어·AI 챗봇', best:true },
{ name:'벤처드 PLAN', price:'5,000,000', unit:'원', desc:'풀 브랜딩 · SEO·마케팅 전략' },
]},
],
quick: ['무료제작 혜택', '제작 과정', '빠른상담'],
link: { label: '📋 제작 비용 상세 보기', url: 'https://idc.kr/제작비용/' },
};
var IDC_KB=[
{
keywords: ['안녕','hi','hello','반갑','시작','처음','도움'],
reply: [
'안녕하세요!',
'아이디씨닷케이알(IDC.KR) AI 챗봇입니다.',
'',
'창립 20년차 IT 1세대 웹에이전시',
'워드프레스 기반 PC+모바일 맞춤 제작',
'',
'회사소개 · AI홈페이지 · 제작 비용',
'무료 혜택 · 타사 비교 · 제작 과정까지',
'무엇이든 물어보세요! 아래 메뉴를 눌러도 됩니다.',
].join('\n'),
quick: ['AI홈페이지', '제작 금액', '무료제작 혜택', '회사소개'],
},
{
keywords: ['회사','소개','idc','아이디씨','창립','설립','법인','사업자','누구','대표','강경원','위치','주소','연혁','히스토리','history'],
reply: [
'아이디씨닷케이알 주식회사 (IDC.KR)',
'',
'• 창립:2007년 2월 (창립 20년차)',
'• 법인명:아이디씨닷케이알 주식회사',
'• 대표이사:강경원',
'• 사업자번호:255-88-01780',
'• 통신판매업:2020-성남분당A-1142',
'• 본사:경기 성남시 분당구 정자일로 80(정자동)',
'• 전화:031-8015-0978 (견적:010-3816-4497)',
'• 이메일:idc@idc.kr',
'',
'IT 1세대 기업으로 AI 시대까지 고객의 요구에',
'부응하는 전문 웹에이전시입니다.',
'',
'• 세계 1위 웹개발 플랫폼 워드프레스 기반',
'• 전 세계 다국어(영·일·중) 개발 및 보급',
'• 웹표준 · 웹코딩으로 퀄리티 높은 개발',
'• 웹개발부터 웹마케팅까지 통합 컨설팅',
'• 누적 상담 12,800+건 · 유지보수 파트너스 7,953명',
'',
'기획·디자인·개발·SEO 전문가 10명(+대기 22명)이',
'처음부터 끝까지 책임지고 제작합니다.',
].join('\n'),
quick: ['무료제작 혜택', '제작 금액', '포트폴리오', '빠른상담'],
link: { label: '🌐 IDC.KR 회사소개 보기', url: 'https://idc.kr/agency/' },
},
{
keywords: ['무료','0원','공짜','무상','free','포함','기본','혜택','15','16','이유','장점','강점','특징','차이'],
reply: [
'IDC.KR 15가지 무료 포함 (시장가 612만원 상당)',
'',
'제작비 한 번에 모두 포함, 추가비용 0원',
'',
'01 컨설팅 PPT + 사업계획서 (신청 안해도 무료)',
'02 웹호스팅 2년 무료',
'03 유지보수 2년 무료',
'04 AI 챗봇 무상 (울티마 이상)',
'05 다국어 3개국(영·일·중) 무료',
'06 SSL 보안서버 평생 무료',
'07 도메인 1년 무료',
'08 정품 이미지 무제한',
'09 검색엔진(네이버·구글) 등록',
'10 접속통계 리포터',
'11 웹프로그램 개발비 0원',
'12 관리자 페이지 + 자동백업',
'13 AI 홈페이지 제공',
'14 SEO 자동 최적화',
'15 모바일 반응형 자동',
'',
'※ 호스팅·유지보수·AI 챗봇은 플랜별 적용범위 상이',
].join('\n'),
quick: ['유지보수 2년 무료', '제작 금액', '빠른상담'],
},
{
keywords: ['제작방법','방법','참고','url','샘플','기획서','기획의뢰','스타일','어떻게','어떡'],
reply: [
'제작 방법 안내',
'',
'✨ 핵심: 아무것도 몰라도 OK!',
' 참고 홈페이지 URL 1개만 알려주시면',
' IDC.KR이 알아서 비슷하게 제작해 드립니다.',
'',
'[1] 참고 홈페이지 지정 (가장 인기)',
'• 네이버 / 현대자동차 / 삼성전자 / LG전자 등',
' 마음에 드는 어떤 사이트라도 URL 하나만 OK',
'• PC + 모바일 동시 제작 · 19만~95만원',
'',
'[2] 보유 기획서 그대로',
'• 아래한글·MS워드(HWP·DOC) / 포토샵·일러스트(PSD·AI)',
'• PPT / PDF / 손스케치까지 모두 OK',
'• 메인은 삼성, 서브는 LG처럼 혼합도 가능',
'',
'[3] 기획 의뢰 (고퀄리티)',
'• 기획 + 디자인 + 콘텐츠 전문가가 책임 제작',
'• 업종 컨설팅 + 통합 마케팅 기획',
'',
'※ 볼펜 스케치 한 장도 제작 가능합니다!',
].join('\n'),
quick: ['제작 금액', '무료제작 혜택', '빠른상담'],
},
{
keywords: ['유지보수','수정','관리','2년','유지','업데이트','변경'],
reply: [
'무료 수정 & 유지보수 안내',
'',
'호스팅형',
'• 베이직 (198,000원): 무료수정 X',
'• 비즈니스 (294,000원): 무료수정 O · 호스팅 1년',
'• 프로페셔널 (426,000원): 무료수정 O · 호스팅 1년',
'',
'구매형',
'• 구매형 베이직 (550,000원): 호스팅 2년',
'• 어드벤처드 (750,000원): 유지보수 2년 O',
'• 울티마 (950,000원): 유지보수 2년 O',
'',
'※ 어드벤처드 이상 구매형은 2년 무료 수정·호스팅',
].join('\n'),
quick: ['제작 금액', '빠른상담'],
},
{
keywords: ['금액','비용','가격','얼마','price','견적','호스팅형','구매형','플랜','모바일전용','임대형','패키지','요금','단가'],
cards: PRICING,
},
{
keywords: ['seo','검색','최적화','구글','네이버','노출','검색엔진'],
reply: [
'SEO 검색 최적화 지원',
'',
'• 구글·네이버 검색 최적화 기본 세팅',
'• 메타·OG 태그 자동 · Schema Markup',
'• 사이트맵·robots.txt 자동 생성·제출',
'• 페이지 속도 최적화',
'• SSL 보안서버로 검색 신뢰도 향상',
'',
'별도 추가 비용 없이 기본 제공됩니다.',
].join('\n'),
quick: ['제작 금액', '무료제작 혜택', '빠른상담'],
},
{
keywords: ['쇼핑몰','shop','쇼핑','결제','상품','스토어','이커머스'],
reply: [
'쇼핑몰 제작 안내',
'',
'쿠팡·옥션·E마트 스타일 대형 쇼핑몰',
'디자인 그대로 제작 가능',
'',
'• 우커머스(WooCommerce) 기반 구축',
'• 상품 등록·카테고리·재고 관리',
'• 카드·간편결제(카카오페이·토스) 연동',
'• 주문·배송·환불 관리 시스템',
'• 회원가입·포인트·쿠폰 기능',
'',
'쇼핑몰 기능 추가 비용 0원',
].join('\n'),
quick: ['제작 금액', '빠른상담'],
},
{
keywords: ['앱','app','어플','모바일앱','android','ios','개발','하이브리드'],
reply: [
'APP 개발 안내 (VAT 별도)',
'',
'■ 앱 베이직 — 880,000원',
'• Android 전용 · 구글 플레이 등록 대행',
'• 기본 푸시 알림',
'',
'■ 앱 어드벤처드 — 1,650,000원',
'• Android + iOS 양대 마켓 등록 대행',
'• 관리자 푸시 발송 · 하단 탭바',
'',
'■ 앱 울티마 — 2,750,000원',
'• 양대 마켓 최적화 · 반려 무제한 대응',
'• 스토어 디자인 · GA4 · 카메라/GPS 연동',
'',
'※ 모바일 전용 WEB 보유 필수',
' (미보유 시 웹 제작 선행 · 비용 별도)',
].join('\n'),
quick: ['제작 금액', '빠른상담'],
},
{
keywords: ['ai챗봇','챗봇','chatbot','인공지능','봇','무상','chatgpt','지피티'],
reply: [
'AI 챗봇 무상 제공 안내',
'',
'수백만 원 상당의 AI 챗봇을 무상 제작!',
'',
'■ 핵심 기능',
'• ChatGPT 기반 24시간 자동 응대',
'• 업종별 맞춤 Q&A 학습 → 즉시 답변',
'• 상담 신청 폼 연동 · 리드 자동 수집',
'• 카카오채널 · 네이버톡톡 연동 가능',
'• 워드프레스 플러그인 방식 영구 사용',
'',
'■ 무상 제공 조건',
'• 구매형 울티마(950,000원) 이상 제작 시',
' (AI는 충분한 텍스트 학습이 필요하기에)',
'',
'■ 도입 효과',
'• 야간 상담 누락 0% · 전환율 평균 2.3배',
].join('\n'),
quick: ['AI홈페이지', '제작 금액', '빠른상담'],
},
{
keywords: ['ai홈페이지','ai-homepage','aihome','ai 홈페이지','ai 페이지','chatgpt홈페이지','지피티홈페이지','ai사이트','ai 사이트','자동seo','자동 seo'],
reply: [
'IDC.KR AI 홈페이지 안내',
'',
'"AI가 움직이는 홈페이지" — 단순 제작을 넘어',
'스스로 일하는 차세대 비즈니스 홈페이지입니다.',
'',
'■ 핵심 성과',
'• 누적 제작 2,400+ 사이트 · 업타임 99.9%',
'• 다국어 지원 · SEO 자동 최적화',
'',
'■ 6가지 AI 핵심 기능',
'1. AI 챗봇 (ChatGPT 연동) — 24시간 응대',
'2. AI 자동 SEO — 메타·스키마·키워드 자동',
'3. 다국어 — 영·일·중 기본 3개국 무료',
'4. AI 콘텐츠 자동 생성',
'5. AI 방문자 분석 (GA4·Search Console)',
'6. 자동 알림 — 이메일·카카오·SMS',
'',
'■ AI 시대의 차별점',
'• AI는 이미지가 아닌 텍스트를 읽음',
'• 광고비 없이 ChatGPT가 추천하는 홈페이지',
'• Elementor Pro 드래그&드롭 · 코딩 불필요',
'',
'■ 제작 기간:평균 2~4주 / 체계 프로세스',
].join('\n'),
quick: ['제작 금액', 'AI 챗봇', '빠른상담'],
link: { label: '🤖 AI 홈페이지 자세히 보기', url: 'https://idc.kr/ai-homepage/' },
},
{
keywords: ['기획','컨설팅','consulting','pm','전담','전략','러프','biz기획','프로plan','벤처드','벤처드plan'],
reply: [
'홈페이지 기획 컨설팅 서비스',
'',
'"기획 없는 홈페이지는 설계 없는 건물"',
'IDC.KR은 단순 제작이 아닌, 사업 기획부터 함께합니다.',
'',
'■ 러프 기획 — 무료 (모든 플랜 기본 포함)',
'• 레퍼런스 지정 → 유사 제작 · 러프 PPT 무료',
'• 1:1 온라인 컨설팅 · 페이지 구성 제안',
'',
'■ BIZ 기획 — 1,000,000원',
'• 전담 PM 배정 · UX/UI 전문 기획',
'• 경쟁사 분석 + 카피라이팅',
'',
'■ 프로 PLAN — 3,000,000원',
'• UX 시나리오 · 다국어 3개국 · AI 챗봇',
'',
'■ 벤처드 PLAN — 5,000,000원',
'• 풀 브랜딩(로고·BI) · SEO·마케팅 전략',
'',
'오프라인 성공을 온라인으로 이어드립니다.',
].join('\n'),
quick: ['제작 금액', 'AI홈페이지', '빠른상담'],
link: { label: '📋 컨설팅 상담 신청', url: 'https://idc.kr/contact/' },
},
{
keywords: ['다국어','영어','중국어','일본어','언어','번역','multilingual'],
reply: [
'다국어 지원 안내',
'',
'홈페이지 제작만으로',
'영어 · 일어 · 중국어 다국어 무료 제작',
'',
'• 기본 3개국어(영·일·중) 무료 제공',
'• 추가 언어 1개당 50,000원',
'• 다국어 SEO 자동 적용',
'• 언어 전환 버튼 자동 생성',
'',
'※ 견적은 홈페이지에서 자동 계산됩니다.',
].join('\n'),
quick: ['무료제작 혜택', '제작 금액', '빠른상담'],
},
{
keywords: ['포트폴리오','portfolio','사례','작업','레퍼런스','실적'],
reply: [
'IDC.KR 제작 포트폴리오',
'',
'누적 제작 2,400+건 · 전 분야 레퍼런스',
'',
'주요 제작 사례',
'• 미르홀딩스 — 반응형 맞춤 웹사이트',
'• 조이앤파트너스 법률사무소 — 전문가형',
'• 금강산콘도 — 맞춤 시스템 웹',
'• 맥솔루션 — 기업형 반응형 웹',
'• COM100 학원 — 교육기관 맞춤형',
'',
'기업·병원·법률·교육·레저 등 전 업종',
'실제 제작 사례는 홈페이지에서 확인하세요.',
].join('\n'),
quick: ['제작 금액', '빠른상담'],
link: { label: '🖼️ 포트폴리오 보기', url: 'https://idc.kr/portfolio/' },
},
{
keywords: ['상담','연락','전화','문의','견적','contact','카톡','카카오톡','네이버톡톡','톡톡','이메일','메일'],
reply: [
'빠른 상담 안내',
'',
'■ 전화 상담',
'• 대표:031-8015-0978',
'• 견적:010-3816-4497',
'• 운영:평일 10:00~18:00 (금 ~17:00)',
' 점심 12:00~13:00',
'',
'■ 메신저 상담 (24시간 접수)',
'• 카카오톡 오픈채팅 · 네이버 톡톡',
'• 이메일:idc@idc.kr',
'',
'근무시간 내 30분 이내 견적서 발송,',
'담당자가 빠르게 연락드리겠습니다.',
].join('\n'),
quick: ['회사소개', '제작 금액', '포트폴리오'],
link: { label: '📝 온라인 견적 신청', url: 'https://idc.kr/contact/' },
},
{
keywords: ['과정','절차','단계','진행','순서','프로세스','process','일정','기간','며칠','얼마나'],
reply: [
'IDC.KR 제작 과정 (6단계)',
'',
'STEP 01 무료 컨설팅 PPT 제공 (신청 전)',
'STEP 02 1:1 상담 및 견적서 발행 (당일)',
'STEP 03 제작 계약 및 자료 수집',
'STEP 04 메인+서브 디자인 시안 (무제한 수정)',
'STEP 05 HTML/CSS 코딩 및 관리자 개발',
'STEP 06 최종 검수 및 정식 오픈 + 교육',
'',
'■ 제작 기간',
'• 베이직·비즈니스:5~7일',
'• 어드벤처드 15~20일 / 울티마 25~30일',
'• 기획 플랜:20~60일',
'',
'진행 현황은 실시간으로 투명하게 안내드립니다.',
].join('\n'),
quick: ['제작 금액', '제작 방법', '빠른상담'],
link: { label: '🛠 제작 과정 자세히 보기', url: 'https://idc.kr/제작과정/' },
},
{
keywords: ['호스팅','서버','용량','트래픽','백업','ssl','보안','도메인'],
reply: [
'호스팅 · 서버 사양 안내',
'',
'■ 기본 제공 사양',
'• 하드 용량:1GB~ (24시간 운영)',
'• 트래픽:1.5GB/일',
'• 백업:7일 자동 백업',
'• SSL 보안서버:평생 무료',
'',
'■ 무료 호스팅 기간',
'• 호스팅형:1년 무료 (비즈니스↑ 도메인 1년)',
'• 구매형 전체:2년 무료 + 도메인 1년',
'',
'■ 응급 대응',
'• 호스팅 응급:010-3816-4497 (24시간)',
'',
'안정적인 자체 호스팅 인프라로 직접 관리합니다.',
].join('\n'),
quick: ['제작 금액', '유지보수 2년 무료', '빠른상담'],
},
{
keywords: ['이미지','사진','촬영','envato','영상','유튜브','드론','출장','스톡'],
reply: [
'이미지 · 영상 · 촬영 서비스',
'',
'■ 무료 제공',
'• 정품 스톡 이미지 무제한',
'• 포토샵·일러스트 보정 편집',
'• 이미지 복원 · 배경 합성',
'',
'■ 유튜브 촬영 (선택)',
'• 유튜브 베이직 750,000원 (PD 3시간)',
'• 유튜브 어드벤처드 950,000원 (쇼츠 포함)',
'• 유튜브 울티마 1,500,000원 (기획형)',
'',
'브랜딩에 필요한 모든 비주얼,',
'IDC.KR이 책임지고 제작해 드립니다.',
].join('\n'),
quick: ['제작 금액', '회사소개', '빠른상담'],
link: { label: '🖼 무료 이미지 보기', url: 'https://idc.kr/무료이미지/' },
},
{
keywords: ['타사','비교','vs','카페24','아임웹','윅스','wix','식스샵','가비아','imweb','cafe24','sixshop','경쟁사','차이점','어디가','어느','선택'],
reply: [
'국내 홈페이지 제작 플랫폼 비교',
'',
'■ 자가 제작 빌더형',
'• 윅스(Wix):월 22달러~ · 해외 서비스',
'• 아임웹:월 16,000원~ · 직접 제작',
'• 식스샵:월 21,800원~ · 1인 쇼핑몰 위주',
'• 카페24:무료~ · 판매수수료 · 직접 제작',
'',
'■ IDC.KR (전문 제작 + 소유권)',
'• 1회 198,000원~ 950,000원',
'• 전문 디자이너 1:1 맞춤 제작',
'• 구매형은 고객 완전 소유 · 월 구독비 0원',
'• 다국어·SEO·쇼핑몰 기능 무료 포함',
'',
'■ 핵심 차이',
'• 빌더형은 "직접 만들기", IDC는 "맡기기"',
'• 빌더형은 월세형, 구매형은 내 자산',
'• 20년 노하우로 사후 대응까지 책임',
].join('\n'),
quick: ['제작 금액', '무료제작 혜택', '빠른상담'],
link: { label: '💬 IDC.KR 견적 받아보기', url: 'https://idc.kr/contact/' },
},
{
keywords: ['워드프레스','wordpress','wp','cms','오픈소스','관리자','admin'],
reply: [
'워드프레스 기반 제작의 강점',
'',
'워드프레스는 전 세계 웹사이트의 40%+가',
'사용하는 세계 1위 웹개발 플랫폼입니다.',
'',
'■ 고객 입장 강점',
'• 직관적인 관리자 페이지로 직접 수정',
'• 글·이미지 등록이 블로그 작성 수준',
'• 수만 개 플러그인으로 기능 확장 자유',
'• 다국어·SEO·보안 도구 풍부',
'',
'■ 폐쇄형(자체 CMS) 대비 우위',
'• 업체 종속 X · 코드·디자인 모두 고객 소유',
'• 향후 리뉴얼·이전 자유',
'',
'IDC.KR은 워드프레스 전문 에이전시입니다.',
].join('\n'),
quick: ['제작 방법', '무료제작 혜택', '빠른상담'],
},
{
keywords: ['환불','취소','계약','약관','보증','만족','반품'],
reply: [
'계약 · 환불 · 사후관리 안내',
'',
'■ 계약 진행',
'• 상담 → 견적 → 계약서 발송',
'• 계좌 입금 후 디자인 시안 착수',
' (입금계좌: 신한은행 140-013-142631)',
'',
'■ 만족도 우선',
'• 시안 단계 무제한 수정 (계약 범위 내)',
'• 호스팅형 비즈니스/프로페셔널 운영 중 무료 수정',
'• 어드벤처드 이상 구매형은 유지보수 포함',
'',
'■ 정보보호',
'• 개인정보보호책임자: 강경원',
'• 상담 정보 1년 보관 후 자동 파기',
'',
'자세한 약관은 IDC.KR 사이트에서 확인하세요.',
].join('\n'),
quick: ['빠른상담', '제작 금액'],
},
];
function escHtml(str){
return String(str)
.replace(/&/g,'&').replace(//g,'>').replace(/"/g,'"');
}
function getTime(){
var d=new Date();
var h=d.getHours(), m=d.getMinutes();
return (h < 10 ? '0' + h:h) + ':' + (m < 10 ? '0' + m:m);
}
var root, popup, bubble, badge, messages, input, charImg;
function cacheDom(){
root=document.getElementById('idc-cb-root');
popup=document.getElementById('idc-cb-popup');
bubble=document.getElementById('idc-cb-bubble');
badge=document.getElementById('idc-cb-badge');
messages=document.getElementById('idc-cb-messages');
input=document.getElementById('idc-cb-input');
charImg=document.getElementById('idc-cb-char');
}
function setCharImages(){ if(charImg) charImg.src=CFG.charUrl||''; }
var _typing=null;
function typeText(el, text, onDone){
if(_typing){
clearTimeout(_typing.timer);
_typing.el.textContent=_typing.text;
if(_typing.onDone) _typing.onDone();
_typing=null;
}
var i=0, len=text.length;
var chunk=len < 100 ? 2:(len < 300 ? 3:(len < 600 ? 4:5));
var speed=len < 100 ? 18:(len < 300 ? 16:(len < 600 ? 14:12));
el.textContent='';
_typing={ el: el, text: text, onDone: onDone, timer: null };
(function tick(){
if(i < len){
var next=Math.min(i + chunk, len);
el.textContent=text.slice(0, next);
i=next;
if(messages) messages.scrollTop=messages.scrollHeight;
_typing.timer=setTimeout(tick, speed);
}else{
_typing=null;
if(onDone) onDone();
}})();
}
function groupHtml(g){
var cards=g.plans.map(function (p){
return '' +
'' +
'
' + ICONS[g.icon] + '
' +
'
' + escHtml(p.name) + '
' +
'
' + escHtml(p.price) + ' ' + escHtml(p.unit) + '
' +
'
' + escHtml(p.desc) + '
' +
'
' + ICONS[g.icon] + escHtml(g.title) + '
' +
'' + cards + '
';
}
function buildPricing(data){
var box=document.createElement('div');
box.className='idc-cb-pricing';
if(data.intro){
var intro=document.createElement('div');
intro.className='idc-cb-pintro';
intro.textContent=data.intro;
box.appendChild(intro);
}
var vis=document.createElement('div');
vis.innerHTML=data.visible.map(groupHtml).join('');
box.appendChild(vis);
if(data.more&&data.more.length){
var moreWrap=document.createElement('div');
moreWrap.className='idc-cb-more-groups';
moreWrap.innerHTML=data.more.map(groupHtml).join('');
box.appendChild(moreWrap);
var moreBtn=document.createElement('button');
moreBtn.className='idc-cb-more';
moreBtn.innerHTML='모바일·유튜브·앱·기획형 더보기 ' + ICONS.chev;
moreBtn.addEventListener('click', function (){
var open=moreWrap.classList.toggle('show');
moreBtn.classList.toggle('opened', open);
moreBtn.innerHTML=(open ? '접기 ':'모바일·유튜브·앱·기획형 더보기 ') + ICONS.chev;
if(messages) messages.scrollTop=messages.scrollHeight;
});
box.appendChild(moreBtn);
}
return box;
}
function applyCollapse(textEl, wrap){
if(textEl.scrollHeight <=320) return;
textEl.classList.add('idc-cb-collapsible', 'collapsed');
var more=document.createElement('button');
more.className='idc-cb-more idc-cb-more-inline';
more.innerHTML='더 보기 ' + ICONS.chev;
more.addEventListener('click', function (){
var collapsed=textEl.classList.toggle('collapsed');
more.classList.toggle('opened', !collapsed);
more.innerHTML=(collapsed ? '더 보기 ':'접기 ') + ICONS.chev;
if(messages) messages.scrollTop=messages.scrollHeight;
});
var bwrap=textEl.parentNode;
wrap.insertBefore(more, bwrap.nextSibling);
}
function makeAvatar(role){
var av=document.createElement('img');
av.className='idc-cb-avatar';
av.alt=role==='bot' ? 'AI 상담원':'나';
av.src=role==='bot'
? (CFG.charUrl||'')
: 'data:image/svg+xml,' + encodeURIComponent(
'');
return av;
}
function addMessage(role, ans){
var isBot=role==='bot';
var text=isBot ? (ans.reply||''):ans;
var cards=isBot ? ans.cards:null;
var quickArr=isBot ? (ans.quick||[]):[];
var linkObj=isBot ? (ans.link||null):null;
var wrap=document.createElement('div');
wrap.className='idc-cb-msg ' + role;
var bwrap=document.createElement('div');
bwrap.className='idc-cb-bubble-wrap';
var av=makeAvatar(role);
var bubble2=document.createElement('div');
bubble2.className='idc-cb-text';
if(isBot){
if(cards) bubble2.classList.add('idc-cb-rich');
bwrap.appendChild(av);
bwrap.appendChild(bubble2);
}else{
bubble2.textContent=text;
bwrap.appendChild(bubble2);
bwrap.appendChild(av);
}
wrap.appendChild(bwrap);
function appendExtras(){
if(linkObj&&linkObj.url){
var a=document.createElement('a');
a.className='idc-cb-link-btn';
a.href=linkObj.url; a.target='_blank'; a.rel='noopener';
a.textContent=linkObj.label||'바로가기';
wrap.appendChild(a);
}
if(quickArr&&quickArr.length){
var qw=document.createElement('div');
qw.className='idc-cb-quick-wrap';
quickArr.forEach(function (q){
var b=document.createElement('button');
b.className='idc-cb-quick';
b.textContent=q;
b.addEventListener('click', function (){ idcCbAsk(q); });
qw.appendChild(b);
});
wrap.appendChild(qw);
}
var ts=document.createElement('span');
ts.className='idc-cb-time';
ts.textContent=getTime();
wrap.appendChild(ts);
if(messages) messages.scrollTop=messages.scrollHeight;
}
messages.appendChild(wrap);
messages.scrollTop=messages.scrollHeight;
if(!isBot){ appendExtras(); return wrap; }
if(cards){
bubble2.appendChild(buildPricing(cards));
appendExtras();
scrollBotInView(wrap);
}else if(text.length > 240){
bubble2.textContent=text;
appendExtras();
requestAnimationFrame(function (){ applyCollapse(bubble2, wrap); scrollBotInView(wrap); });
}else{
typeText(bubble2, text, function (){ appendExtras(); scrollBotInView(wrap); });
}
return wrap;
}
function scrollBotInView(wrap){
requestAnimationFrame(function (){
if(!messages) return;
var mh=messages.clientHeight;
if(wrap.offsetHeight > mh - 40){
messages.scrollTop=Math.max(0, wrap.offsetTop - 14);
}else{
messages.scrollTop=messages.scrollHeight;
}});
}
function showTyping(){
var wrap=document.createElement('div');
wrap.className='idc-cb-msg bot';
wrap.id='idc-cb-typing';
var bwrap=document.createElement('div');
bwrap.className='idc-cb-bubble-wrap';
var av=makeAvatar('bot');
var dots=document.createElement('div');
dots.className='idc-cb-text idc-cb-typing';
dots.innerHTML='';
bwrap.appendChild(av); bwrap.appendChild(dots);
wrap.appendChild(bwrap);
messages.appendChild(wrap);
messages.scrollTop=messages.scrollHeight;
}
function hideTyping(){
var el=document.getElementById('idc-cb-typing');
if(el) el.remove();
}
function findAnswer(q){
var lower=q.toLowerCase().replace(/\s+/g, '');
var best=null, bestScore=0;
for (var i=0; i < IDC_KB.length; i++){
var entry=IDC_KB[i], score=0;
entry.keywords.forEach(function (kw){
var kwl=kw.toLowerCase().replace(/\s+/g, '');
if(lower.indexOf(kwl)!==-1) score +=kwl.length;
});
if(score > bestScore){ bestScore=score; best=entry; }}
if(bestScore > 0) return best;
return {
reply: '조금 더 구체적으로 질문해 주시거나\n아래 메뉴를 눌러보세요.\n\n전화 상담: ' + CFG.phone,
quick: ['회사소개', '제작 금액', '무료제작 혜택', '포트폴리오'],
};}
function processMessage(q){
var clean=q.trim();
if(!clean) return;
addMessage('user', clean);
showTyping();
setTimeout(function (){
hideTyping();
addMessage('bot', findAnswer(clean));
document.querySelectorAll('.idc-cb-menu.active').forEach(function (b){
b.classList.remove('active');
});
}, 650);
}
window.idcCbToggle=function (){
if(!popup) return;
if(popup.classList.contains('open')){
popup.classList.remove('open');
if(bubble) bubble.classList.remove('hidden');
}else{
popup.classList.add('open');
if(bubble) bubble.classList.add('hidden');
if(badge) badge.classList.add('hidden');
if(messages&&messages.children.length===0){
setTimeout(function (){ processMessage('안녕'); }, 250);
}}
};
window.idcCbAsk=function (q){
if(!popup.classList.contains('open')) idcCbToggle();
document.querySelectorAll('.idc-cb-menu').forEach(function (b){
b.classList.toggle('active', b.textContent.trim().indexOf(q)!==-1);
});
processMessage(q);
};
window.idcCbSend=function (){
if(!input) return;
processMessage(input.value);
input.value='';
};
window.idcCbConsult=function (){
if(!popup.classList.contains('open')) idcCbToggle();
processMessage('상담');
};
function init(){
cacheDom();
setCharImages();
if(!root) return;
document.addEventListener('keydown', function (e){
if(e.key==='Escape'&&popup&&popup.classList.contains('open')) idcCbToggle();
});
}
if(document.readyState==='loading'){
document.addEventListener('DOMContentLoaded', init);
}else{ init(); }}());