<style>
:root{
  --txt:#111111;
  --yellow:#FFD800; --yellowD:#FFC600;
  --purple:#B990FF; --purpleD:#9C7DF9;
  --sky:#A6E3FF;    --skyD:#7DD8FF;
}

/* 공통 버튼 (👉 더 큼 / 이모지 + 화살표) */
.mobi-cta-inline{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;

  border:none !important;
  border-radius:14px !important;

  /* ⬇️ 크기 업! */
  padding:14px 24px !important;
  width:fit-content !important;
  margin:28px auto !important;

  color:var(--txt) !important;
  font-weight:800 !important;
  font-size:17px !important;
  text-decoration:none !important;
  line-height:1 !important;

  box-shadow:0 10px 24px rgba(0,0,0,0.14);
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
  cursor:pointer;
  text-align:center !important;
}

/* 이모지(좌) + 화살표(우) */
.mobi-cta-inline::before{
  font-size:18px;
  line-height:1;
  transform:translateY(-1px);
}
.mobi-cta-inline .label::after{
  content:" →";
  font-weight:900;
  transition:margin-left .18s ease;
}
.mobi-cta-inline:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(0,0,0,0.18);
}
.mobi-cta-inline:hover .label::after{ margin-left:4px; }

/* 색상 테마 + 트랙별 이모지 */
.mobi-yellow{ background:linear-gradient(145deg,var(--yellow),var(--yellowD)) !important; }
.mobi-yellow:hover{ background:linear-gradient(145deg,#FFEB7E,#FFD200) !important; }
.mobi-yellow::before{ content:"🚀"; }       /* 마케팅 등 */

.mobi-purple{ background:linear-gradient(145deg,var(--purple),var(--purpleD)) !important; }
.mobi-purple:hover{ background:linear-gradient(145deg,#C8A8FF,#A884FF) !important; }
.mobi-purple::before{ content:"📊"; }       /* 경영지원·전략 */

.mobi-sky{ background:linear-gradient(145deg,var(--sky),var(--skyD)) !important; }
.mobi-sky:hover{ background:linear-gradient(145deg,#C9F1FF,#91E0FF) !important; }
.mobi-sky::before{ content:"🤖"; }          /* AI·AX */

/* 노션 콜아웃 잔상/아이콘 제거(중복 이모지 방지) */
.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>
/* =====================================================
   1) 콜아웃 → 버튼화 (이모지 O / 더 큼 / 트랙별 색상)
   ===================================================== */
(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.indexOf(k)>-1);
  }

  // 이모지/잡문자 제거(원문에 있는 이모지 중복 방지)
  function stripEmoji(s){
    return s
      .replace(/[\u2700-\u27BF]/g,"")
      .replace(/[\uE000-\uF8FF]/g,"")
      .replace(/[\uD83C-\uDBFF][\uDC00-\uDFFF]/g,"")
      .replace(/[\u2600-\u26FF]/g,"")
      .replace(/\uFE0F/g,"")
      .trim();
  }

  function buttonize(el){
    if(el.classList.contains("mobi-cta-inline")) return;

    const raw = (el.innerText||"").trim();
    const match = Object.keys(colorClass).find(k=>raw.indexOf(k)>-1);
    if(!match) return;

    const clean = stripEmoji(match);          // 표시용 라벨
    el.innerHTML = '<span class="label">'+ clean +'</span>';
    el.classList.add("mobi-cta-inline", colorClass[match]);

    // 접근성 + 동작
    el.setAttribute("role","button");
    el.setAttribute("tabindex","0");
    el.addEventListener("click",()=>window.open(APPLY_URL,"_blank","noopener"));
    el.addEventListener("keydown",(e)=>{ if(e.key==="Enter"||e.key===" "){ e.preventDefault(); el.click(); }});
  }

  function run(){
    var nodes = document.querySelectorAll("[data-block-id]");
    for(var i=0;i<nodes.length;i++){ if(isTarget(nodes[i])) buttonize(nodes[i]); }
  }

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

/* =====================================================
   2) 뒤로가기 → 항상 인턴십 메인으로
   (트랙 상세 페이지들에 넣어두면 OK)
   ===================================================== */
(function(){
  const MAIN_URL = "https://recruit.mobidays.com/internship2025";

  try{
    // 히스토리 가드(사파리/모바일 대비)
    history.replaceState({mobiGuard:"base"}, document.title, location.href);
    history.pushState({mobiGuard:"layer"}, document.title, location.href);

    window.addEventListener("popstate", function(){
      // 강제 메인 이동
      location.replace(MAIN_URL);
    });
  }catch(e){/* fail-safe */}
})();

/* =====================================================
   3) 상단 '모비 트랙' 텍스트(브레드크럼) 숨기기
   ===================================================== */
(function(){
  function hideBreadcrumb(){
    var nodes = document.querySelectorAll('nav, header, div, span');
    for(var i=0;i<nodes.length;i++){
      var el = nodes[i];
      var t = (el.innerText||"").trim();
      if(!t) continue;
      if(t.indexOf("모비 트랙")>-1){
        var target = el;
        for(var up=0; up<3 && target && target.parentElement; up++){
          target = target.parentElement;
        }
        if(target && target.style) target.style.display = "none";
      }
    }
  }
  if(document.readyState==="loading"){ document.addEventListener("DOMContentLoaded", hideBreadcrumb); }
  else{ hideBreadcrumb(); }
  new MutationObserver(hideBreadcrumb).observe(document.body,{childList:true,subtree:true});
})();
</script>

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T9GKX4QG"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

룩백리포트 개인조회 대시보드

개인 룩백 리포트 조회