<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>KICDA AI 서비스 사전등록</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700;900&display=swap" rel="stylesheet">
    <style>
      body {
        font-family: 'Noto Sans KR', sans-serif;
      }
    </style>

<link rel="stylesheet" href="/index.css">
  <script type="importmap">
{
  "imports": {
    "react/": "https://aistudiocdn.com/react@^19.2.0/",
    "react": "https://aistudiocdn.com/react@^19.2.0",
    "react-dom/": "https://aistudiocdn.com/react-dom@^19.2.0/"
  }
}
</script>
  <script type="module" crossorigin src="/assets/index-CJbCIAk5.js"></script>
<style>
.iiace-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;z-index:9999}.iiace-modal-backdrop.is-open{display:block}
.iiace-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:24px;z-index:10000}.iiace-modal.show{display:flex}
.iiace-modal-box{background:#fff;border-radius:12px;max-width:1200px;width:96vw;max-height:90vh;box-shadow:0 20px 60px rgba(0,0,0,.25);overflow:hidden;display:flex;flex-direction:column}
.iiace-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eee}
.iiace-modal-title{font-weight:700;font-size:16px}.iiace-modal-close{border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;padding:4px 8px}
.iiace-modal-body{padding:0}.iiace-modal-body img{display:block;width:100%;height:auto;object-fit:contain;max-height:70vh}
.iiace-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #eee;background:#fafafa}
.iiace-btn{padding:10px 14px;border-radius:8px;border:1px solid #222;background:#111;color:#fff;font-weight:700;cursor:pointer;text-decoration:none}.iiace-btn:hover{opacity:.9}
.iiace-zoomable{cursor:zoom-in!important}
</style><style>
.iiace-consent{border:1px solid #eee;border-radius:12px;padding:16px;margin:18px 0;background:#fff}
.iiace-consent h3{margin:0 0 8px;font-size:16px;font-weight:800}
.iiace-consent .iiace-consent-box{max-height:180px;overflow:auto;border:1px solid #eee;border-radius:8px;padding:12px;background:#fafafa;font-size:13px;line-height:1.6;white-space:pre-wrap}
.iiace-consent .iiace-row{display:flex;gap:10px;align-items:flex-start;margin-top:10px}
.iiace-consent label{display:flex;gap:8px;align-items:flex-start;cursor:pointer}
.iiace-consent small{color:#666}
.iiace-iframe-cover{position:relative}
.iiace-iframe-cover .cover{position:absolute;inset:0;background:rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;z-index:2}
</style></head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
  
<!-- ▼▼ 확대 모달 요소 -->
<div class="iiace-modal-backdrop" id="iiaceModalBackdrop" aria-hidden="true"></div>
<div class="iiace-modal" id="iiaceModal" role="dialog" aria-modal="true" aria-labelledby="iiaceModalTitle">
  <div class="iiace-modal-box">
    <div class="iiace-modal-header">
      <div class="iiace-modal-title" id="iiaceModalTitle">A+ 리포트 샘플 – 확대 보기</div>
      <button class="iiace-modal-close" id="iiaceModalClose" aria-label="닫기">×</button>
    </div>
    <div class="iiace-modal-body">
      <img id="iiaceModalImg" src="/assets/image/acdemy.png" alt="A+ 리포트 샘플 – 확대 이미지" />
    </div>
    <div class="iiace-modal-footer">
      <a class="iiace-btn" id="iiaceApplyBtn" href="#apply">→ The 1°C of EFFICIENCY 나만의 AI조교 솔루션 제안 받기 (99도의 노력을 완성하는 'AI 효율'의 1도)</a>
    </div>
  </div>
</div>
<!-- ▲▲ 확대 모달 요소 -->

<!-- 이미지 모달 스크립트 -->
<script>(function(){
const FRAG="assets/image/acdemy.png",APPLY="#apply";
const m=document.getElementById("iiaceModal"),b=document.getElementById("iiaceModalBackdrop"),mi=document.getElementById("iiaceModalImg"),c=document.getElementById("iiaceModalClose"),a=document.getElementById("iiaceApplyBtn");
if(a)a.setAttribute("href",APPLY);

function openS(s){if(s)mi.src=s;b.classList.add("is-open");m.classList.add("show");document.documentElement.style.overflow="hidden"}
function closeS(){b.classList.remove("is-open");m.classList.remove("show");document.documentElement.style.overflow=""}

c&&c.addEventListener("click",closeS);
b&&b.addEventListener("click",closeS);
document.addEventListener("keydown",e=>{if(e.key==="Escape")closeS()});

function wire(){
  const imgs=Array.from(document.images||[]);
  const t=imgs.find(img=>((img.currentSrc||img.src||"")).indexOf(FRAG)!==-1);
  if(t){
    t.classList.add("iiace-zoomable");
    const h=e=>{e.preventDefault();openS(t.currentSrc||t.src)};
    t.addEventListener("click",h,{passive:false});
    const link=t.closest("a");
    if(link)link.addEventListener("click",h,{passive:false})
  }
}

if(document.readyState==="complete"||document.readyState==="interactive"){
  setTimeout(wire,0)
}else{
  document.addEventListener("DOMContentLoaded",wire)
}
})();</script>

<!-- AI 조교 신청폼 수정 스크립트 -->
<script>(function(){
function replaceHeadingCopy(){
  const apply=document.querySelector('#apply')||document.querySelector('[id*="apply"]')||document.body;
  const heading=apply.querySelector('h1, h2'); 
  if(heading){
    heading.innerHTML='교수자/연구자/석박사/학부생 등을 위한<br>가장 스마트한 나만의 AI 조교';
  }
  const sub=apply.querySelector('p'); 
  if(sub){
    sub.innerHTML='<strong>AI+연구/강의 효율화</strong><br>AI공식 인증 교육기관에서 제공하는 안전한 AI서비스를 경험하세요.';
  }
}

function findTargetForm(){
  return document.querySelector('#apply form, [id*="apply"] form')||document.querySelector('form');
}

function buildBenefits(){
  const d=document.createElement('div');
  d.style.margin='18px 0';
  d.style.padding='16px';
  d.style.border='1px solid #eee';
  d.style.borderRadius='12px';
  d.style.background='#fff';
  d.innerHTML='<div style="font-weight:700;margin-bottom:8px;">핵심혜택</div>'+
    '<ul style="margin-left:18px;line-height:1.8;">'+
    '<li>나만의 AI조교 배타버전 무료 사전 체험 제공 (10+ 상당 체험 크레딧 제공)</li>'+
    '<li>1회 사용 후 피드백 제출 시, 추가 무료 크레딧 제공</li>'+
    '<li>최신 AI 인사이트 뉴스레터 제공</li>'+
    '</ul>';
  return d;
}

function buildFieldGroup(){
  const b=document.createElement('div');
  b.style.border='1px solid #eee';
  b.style.borderRadius='12px';
  b.style.padding='16px';
  b.style.margin='18px 0';
  b.innerHTML='<div style="display:grid;gap:12px">'+
    '<div>'+
    '<div style="font-weight:700;margin-bottom:6px;">현재직업</div>'+
    '<div style="display:flex;flex-wrap:wrap;gap:8px;">'+
    ['학부생','석사과정','석사','박사과정','박사','교수자','연구자 및 기타'].map(v=>
      '<label style="display:inline-flex;align-items:center;gap:6px;border:1px solid #ddd;border-radius:999px;padding:8px 12px;cursor:pointer;">'+
      '<input type="radio" name="x_role" value="'+v+'"> '+v+'</label>'
    ).join('')+
    '</div></div>'+
    '<div>'+
    '<div style="font-weight:700;margin-bottom:6px;">논문 작성 이력</div>'+
    '<div style="display:flex;flex-wrap:wrap;gap:8px;">'+
    ['없음','1회-5회','5회 이상'].map(v=>
      '<label style="display:inline-flex;align-items:center;gap:6px;border:1px solid #ddd;border-radius:999px;padding:8px 12px;cursor:pointer;">'+
      '<input type="radio" name="x_paper_exp" value="'+v+'"> '+v+'</label>'
    ).join('')+
    '</div></div>'+
    '<div>'+
    '<div style="font-weight:700;margin-bottom:6px;">사용해본 AI는?</div>'+
    '<input type="text" name="x_used_ai" placeholder="예: 챗GPT, 제미나이, 클로드 등" style="width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;padding:10px 12px;">'+
    '</div>'+
    '<div>'+
    '<div style="font-weight:700;margin-bottom:6px;">AI 조교를 통해 얻고 싶은 것 또는 관심사는?</div>'+
    '<textarea name="x_interests" rows="4" placeholder="예: 리서치, 데이터수집, 레포트, 행정업무, 번역 등" style="width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;padding:10px 12px;"></textarea>'+
    '</div>'+
    '</div>';
  return b;
}

function ensureExtras(form){
  let h=form.querySelector('input[name="extras"]');
  if(!h){
    h=document.createElement('input');
    h.type='hidden';
    h.name='extras';
    form.appendChild(h);
  }
  return h;
}

function collect(form){
  const pick=(n)=>{
    const rs=form.querySelectorAll('input[name="'+n+'"][type="radio"]');
    if(rs.length){
      const r=Array.from(rs).find(x=>x.checked);
      return r?r.value:'';
    }
    const el=form.querySelector('[name="'+n+'"]');
    return el?el.value:'';
  };
  return {
    role:pick('x_role'),
    paper_exp:pick('x_paper_exp'),
    used_ai:pick('x_used_ai'),
    interests:pick('x_interests')
  };
}

function init(){
  replaceHeadingCopy();
  const f=findTargetForm();
  if(!f)return;
  
  // 중복 방지
  if(f.dataset.iiaceApplyInit)return;
  f.dataset.iiaceApplyInit="1";
  
  f.parentNode.insertBefore(buildBenefits(), f);
  f.appendChild(buildFieldGroup());
  const extras=ensureExtras(f);
  
  f.addEventListener('submit',()=>{
    extras.value=JSON.stringify(collect(f));
  });
  
  const btn=document.getElementById('iiaceApplyBtn');
  if(btn)btn.setAttribute('href','#apply');
}

if(document.readyState==='complete'||document.readyState==='interactive'){
  setTimeout(init,0)
}else{
  document.addEventListener('DOMContentLoaded',init);
}
})();</script>

<!-- AI 크리에이터 신청폼 수정 스크립트 -->
<script>(function(){
function replaceCreatorHeading(){
  const creator=document.querySelector('#creator')||document.querySelector('[id*="creator"]');
  if(!creator)return;
  
  const heading=creator.querySelector('h1, h2'); 
  if(heading){
    heading.innerHTML='AI전문가들의 노하우가 담긴<br>AI크리에이터 솔루션 무료 제공';
  }
  
  const sub=creator.querySelector('p'); 
  if(sub){
    sub.innerHTML='협회(KICDA)및 연구원(IIACE)의 AI전문가들이 직접 검증하고 큐레이션한 최신 AI활용법과 인사이트를 독점 제공합니다.';
  }
}

function findCreatorForm(){
  return document.querySelector('#creator form, [id*="creator"] form');
}

function buildCreatorBenefits(){
  const d=document.createElement('div');
  d.style.margin='18px 0';
  d.style.padding='16px';
  d.style.border='1px solid #eee';
  d.style.borderRadius='12px';
  d.style.background='#fff';
  d.innerHTML='<div style="font-weight:700;margin-bottom:8px;">핵심혜택</div>'+
    '<ul style="margin-left:18px;line-height:1.8;">'+
    '<li>크리에이터를 위한 AI활용 노하우 전자책</li>'+
    '<li>최신AI인사이트 뉴스레터</li>'+
    '<li>월1회 AI 전문가 웨비나 무료 참석쿠폰</li>'+
    '</ul>';
  return d;
}

function buildCreatorFields(){
  const b=document.createElement('div');
  b.style.border='1px solid #eee';
  b.style.borderRadius='12px';
  b.style.padding='16px';
  b.style.margin='18px 0';
  b.innerHTML='<div style="display:grid;gap:12px">'+
    '<div>'+
    '<div style="font-weight:700;margin-bottom:6px;">운영중인 SNS채널</div>'+
    '<input type="text" name="x_sns_channel" placeholder="예: 인스타그램, 유튜브, 틱톡 등" style="width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;padding:10px 12px;">'+
    '</div>'+
    '<div>'+
    '<div style="font-weight:700;margin-bottom:6px;">AI활용경험</div>'+
    '<div style="display:flex;flex-wrap:wrap;gap:8px;">'+
    ['없음','가끔사용','자주사용'].map(v=>
      '<label style="display:inline-flex;align-items:center;gap:6px;border:1px solid #ddd;border-radius:999px;padding:8px 12px;cursor:pointer;">'+
      '<input type="radio" name="x_ai_exp" value="'+v+'"> '+v+'</label>'
    ).join('')+
    '</div></div>'+
    '<div>'+
    '<div style="font-weight:700;margin-bottom:6px;">사용해본 AI 종류는?</div>'+
    '<input type="text" name="x_used_ai_types" placeholder="예: 챗GPT, 제미나이, 클로드 등" style="width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;padding:10px 12px;">'+
    '</div>'+
    '<div>'+
    '<div style="font-weight:700;margin-bottom:6px;">AI로 제작하고 싶은 콘텐츠는?</div>'+
    '<textarea name="x_content_type" rows="3" placeholder="예: 숏폼, 썸네일, 대본 작성 등" style="width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;padding:10px 12px;"></textarea>'+
    '</div>'+
    '<div>'+
    '<div style="font-weight:700;margin-bottom:6px;">AI로 가장 배우고 싶은것은?</div>'+
    '<textarea name="x_learn_interest" rows="3" placeholder="관심 분야를 자유롭게 작성해주세요" style="width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;padding:10px 12px;"></textarea>'+
    '</div>'+
    '</div>';
  return b;
}

function ensureCreatorExtras(form){
  let h=form.querySelector('input[name="extras"]');
  if(!h){
    h=document.createElement('input');
    h.type='hidden';
    h.name='extras';
    form.appendChild(h);
  }
  return h;
}

function collectCreator(form){
  const pick=(n)=>{
    const rs=form.querySelectorAll('input[name="'+n+'"][type="radio"]');
    if(rs.length){
      const r=Array.from(rs).find(x=>x.checked);
      return r?r.value:'';
    }
    const el=form.querySelector('[name="'+n+'"]');
    return el?el.value:'';
  };
  return {
    sns_channel:pick('x_sns_channel'),
    ai_exp:pick('x_ai_exp'),
    used_ai_types:pick('x_used_ai_types'),
    content_type:pick('x_content_type'),
    learn_interest:pick('x_learn_interest')
  };
}

function init(){
  replaceCreatorHeading();
  const f=findCreatorForm();
  if(!f)return;
  
  // 중복 방지
  if(f.dataset.iiaceCreatorInit)return;
  f.dataset.iiaceCreatorInit="1";
  
  f.parentNode.insertBefore(buildCreatorBenefits(), f);
  f.appendChild(buildCreatorFields());
  const extras=ensureCreatorExtras(f);
  
  f.addEventListener('submit',()=>{
    extras.value=JSON.stringify(collectCreator(f));
  });
}

if(document.readyState==='complete'||document.readyState==='interactive'){
  setTimeout(init,0)
}else{
  document.addEventListener('DOMContentLoaded',init);
}
})();</script>

<!-- 개인정보 수집·이용 동의 스크립트 -->
<script>(function(){
const CONSENT_TEXT = `① 수집·이용 목적: 문의 응대, 사전 체험 제공, 서비스 운영 및 고객지원
② 수집 항목: 이름, 이메일, 전화번호, (추가 설문 응답)
③ 보유기간: 목적 달성 시까지 또는 철회 요청 시 지체 없이 파기(관련 법령 보존기간 준수)
④ 제3자 제공: 원칙적으로 없음
⑤ 동의 거부 권리: 동의를 거부할 수 있으나, 이 경우 문의/사전 체험 제공이 제한될 수 있습니다.`;

function buildConsentHTML(){
  return '<div class="iiace-consent">'+
    '<h3>개인정보 수집·이용 동의</h3>'+
    '<div class="iiace-consent-box">'+CONSENT_TEXT+'</div>'+
    '<div class="iiace-row">'+
    '<label><input type="checkbox" name="x_consent_required" required> '+
    '(필수) 개인정보 수집·이용 동의</label>'+
    '</div>'+
    '<div class="iiace-row">'+
    '<label><input type="checkbox" name="x_consent_marketing" required> '+
    '(필수) 서비스 공지·AI 소식·무료 웨비나/베타 안내 및 내부 DB·분석 활용 동의</label>'+
    '</div>'+
    '<small>※ 언제든 수신 거부 가능하며, 고지 포함(부담 최소화)</small>'+
    '</div>';
}

function ensureHidden(form,name){
  let el=form.querySelector('[name="'+name+'"]');
  if(!el){
    el=document.createElement('input');
    el.type='hidden';
    el.name=name;
    form.appendChild(el);
  }
  return el;
}

function attachConsent(form){
  if(form.dataset.iiaceConsentAttached)return;
  form.dataset.iiaceConsentAttached="1";
  
  const wrapper=document.createElement('div');
  wrapper.innerHTML=buildConsentHTML();
  form.appendChild(wrapper.firstChild);
  
  const hReq=ensureHidden(form,'consent_required');
  const hMkt=ensureHidden(form,'consent_marketing');
  const hTs=ensureHidden(form,'consent_timestamp');
  
  form.addEventListener('submit',function(e){
    const req=form.querySelector('input[name="x_consent_required"]');
    const mkt=form.querySelector('input[name="x_consent_marketing"]');
    
    if(!req || !req.checked){
      e.preventDefault();
      alert('개인정보 수집·이용 필수 동의가 필요합니다.');
      return false;
    }
    
    if(!mkt || !mkt.checked){
      e.preventDefault();
      alert('서비스 공지 및 내부 활용 동의(필수)가 필요합니다.');
      return false;
    }
    
    hReq.value='동의';
    hMkt.value=mkt.checked?'동의':'거부';
    try{
      hTs.value=new Date().toISOString();
    }catch(err){
      hTs.value='';
    }
  },{capture:true});
}

function findAllForms(){
  const forms=[];
  
  // AI 조교 폼
  const applyForm=document.querySelector('#apply form, [id*="apply"] form');
  if(applyForm)forms.push(applyForm);
  
  // AI 크리에이터 폼
  const creatorForm=document.querySelector('#creator form, [id*="creator"] form');
  if(creatorForm)forms.push(creatorForm);
  
  return forms;
}

function init(){
  const forms=findAllForms();
  forms.forEach(attachConsent);
  
  // 동적으로 추가되는 폼 감지
  if(forms.length===0){
    const obs=new MutationObserver(()=>{
      const newForms=findAllForms();
      if(newForms.length>0){
        newForms.forEach(attachConsent);
        obs.disconnect();
      }
    });
    obs.observe(document.documentElement,{childList:true,subtree:true});
    setTimeout(()=>obs.disconnect(),15000);
  }
}

if(document.readyState==='complete'||document.readyState==='interactive'){
  setTimeout(init,100)
}else{
  document.addEventListener('DOMContentLoaded',init);
}
})();</script>

</body>
</html>