<style>
:root{
  --mobi-text:#111111;
  --yellow-main:#FFD800;
  --yellow-dark:#FFC600;
  --purple-main:#B990FF;
  --purple-dark:#9C7DF9;
  --sky-main:#A6E3FF;
  --sky-dark:#7DD8FF;
}

/* ===== 공통 버튼 스타일 ===== */
.mobi-cta-inline{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:none !important;
  border-radius:12px !important;
  padding:12px 20px !important;
  width:fit-content !important;
  margin:28px auto !important;
  box-shadow:0 8px 20px rgba(0,0,0,0.12);
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
  cursor:pointer;
  text-align:center !important;
  font-weight:700 !important;
  font-size:16px !important;
  text-decoration:none !important;
  line-height:1 !important;
  color:var(--mobi-text) !important;
}
.mobi-cta-inline:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(0,0,0,0.18);
}

/* ===== 색상 테마 ===== */
.mobi-yellow{
  background:linear-gradient(145deg,var(--yellow-main),var(--yellow-dark)) !important;
}
.mobi-yellow:hover{
  background:linear-gradient(145deg,#FFF18A,#FFD200) !important;
}
.mobi-purple{
  background:linear-gradient(145deg,var(--purple-main),var(--purple-dark)) !important;
}
.mobi-purple:hover{
  background:linear-gradient(145deg,#C8A8FF,#A884FF) !important;
}
.mobi-sky{
  background:linear-gradient(145deg,var(--sky-main),var(--sky-dark)) !important;
}
.mobi-sky:hover{
  background:linear-gradient(145deg,#C9F1FF,#91E0FF) !important;
}

/* ===== 노션 기본 콜아웃 제거 ===== */
.mobi-cta-inline [style*="background-color"],
.mobi-cta-inline [style*="rgb(241, 241, 239)"],
.mobi-cta-inline [style*="rgba(55, 53, 47, 0.08)"]{
  background-color:transparent !important;
  border:none !important;
}
.mobi-cta-inline svg{display:none !important;}
</style>

<script>
(function(){
  const APPLY_URL = "https://forms.gle/Y3w4PiPkktDKdzcA6";

  // 문구별 색상 매칭 (링크는 전부 동일)
  const colorClass = {
    "지원하기":"mobi-yellow",
    "마케팅 트랙 지원하러 가기":"mobi-yellow",
    "경영지원·전략 트랙 지원하러 가기":"mobi-purple",
    "AI·AX 트랙 지원하러 가기":"mobi-sky"
  };

  function isTarget(el){
    const txt = (el.innerText||"").trim();
    const isCallout = ((el.className||"").toLowerCase().includes("callout"));
    return isCallout && Object.keys(colorClass).some(k=>txt.includes(k));
  }

  function buttonize(el){
    if(el.classList.contains("mobi-cta-inline")) return;
    const raw = (el.innerText||"").trim();
    const match = Object.keys(colorClass).find(k=>raw.includes(k));
    if(!match) return;

    el.innerHTML = '<span>'+match+'</span>';
    el.classList.add("mobi-cta-inline", colorClass[match]);
    el.addEventListener("click",()=>window.open(APPLY_URL,"_blank","noopener"));
  }

  function run(){
    document.querySelectorAll("[data-block-id]").forEach(el=>{
      if(isTarget(el)) buttonize(el);
    });
  }

  if(document.readyState==="loading"){document.addEventListener("DOMContentLoaded",run);}
  else{run();}
  new MutationObserver(run).observe(document.body,{childList:true,subtree:true});
})();
</script>

recruit.mobidays.com

상태

작성자

AI·AX

프로젝트 단위 운영

인턴십 경험

배울 수 있는 역량

이런 분들이 지원하면 좋아요