SITE MAP

Korea Digital Convergence Association

학습지원센터

고충상담게시판

훈련생 수기 및 후기

학습지원센터
공지사항

공지사항

제목

비밀번호

작성자

첨부파일

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Responsive Image Map</title>
  <style>
    .image-map-wrapper {
      position: relative;
      width: 100%;
      max-width: 860px;
      margin: 0 auto;
    }

.image-map-wrapper img {
      width: 100%;
      height: auto;
      display: block;
    }

.clickable-area {
      position: absolute;
      display: block;
      /* 배경색 제거 혹은 주석 처리 하세요 */
      /* background: rgba(255, 0, 0, 0.3); */
      cursor: pointer;
      /* z-index 설정해 이미지 위 클릭 가능하게 함 */
      z-index: 10;
    }
  </style>
</head>
<body>

<div class="image-map-wrapper">
  <img src="https://www.iibi.or.kr/DATA/wftp/2025/Edu/20250722133221_1753158741_0.png" alt="교육 이미지" />

<a href="https://www.nurijob.co.kr/fro_end/html/main/" target="_blank" class="clickable-area" style="left:28.4884%; top:7.6212%; width:43.7209%; height:0.4848%;"></a>
  <a href="https://www.nurijob.co.kr/fro_end/html/main/" target="_blank" class="clickable-area" style="left:31.5116%; top:91.7424%; width:37.093%; height:0.4848%;"></a>
  <a href="https://www.nurijob.co.kr/fro_end/html/dep_03/3100.php?smode=view&subject_code=photocc2024_kodica&college_idx=" target="_blank" class="clickable-area" style="left:58.2558%; top:90.1515%; width:22.4419%; height:0.4924%;"></a>
  <a href="https://www.nurijob.co.kr/fro_end/html/dep_03/3100.php?smode=view&subject_code=premiere2024&college_idx=" target="_blank" class="clickable-area" style="left:19.186%; top:90.1667%; width:22.6744%; height:0.4924%;"></a>
  <a href="https://www.nurijob.co.kr/fro_end/html/dep_03/3100.php?smode=view&subject_code=youtube&college_idx=" target="_blank" class="clickable-area" style="left:47.2093%; top:86.5189%; width:22.6744%; height:0.4924%;"></a>
  <a href="https://www.nurijob.co.kr/fro_end/html/dep_03/3100.php?smode=view&subject_code=nuke&college_idx=" target="_blank" class="clickable-area" style="left:21.2791%; top:73.353%; width:57.9069%; height:0.4848%;"></a>
  <a href="https://www.nurijob.co.kr/fro_end/html/dep_03/3100.php?smode=view&subject_code=ae2024&college_idx=" target="_blank" class="clickable-area" style="left:21.1628%; top:70.3515%; width:57.9069%; height:0.4848%;"></a>
  <a href="https://www.nurijob.co.kr/fro_end/html/dep_03/3100.php?smode=view&subject_code=cinema4d&college_idx=" target="_blank" class="clickable-area" style="left:22.2093%; top:56.5758%; width:55.6977%; height:0.4848%;"></a>
  <a href="https://www.nurijob.co.kr/fro_end/html/dep_03/3100.php?smode=view&subject_code=maya&college_idx=" target="_blank" class="clickable-area" style="left:22.2093%; top:53.7121%; width:55.6977%; height:0.4848%;"></a>
  <a href="https://www.nurijob.co.kr/fro_end/html/dep_03/3100.php?smode=view&subject_code=youtube&college_idx=" target="_blank" class="clickable-area" style="left:47.093%; top:40.0758%; width:22.6744%; height:0.4848%;"></a>
  <a href="https://www.nurijob.co.kr/fro_end/html/dep_03/3100.php?smode=view&subject_code=ae2024&college_idx=" target="_blank" class="clickable-area" style="left:57.9069%; top:37.4424%; width:22.6744%; height:0.4848%;"></a>
  <a href="https://www.nurijob.co.kr/fro_end/html/dep_03/3100.php?smode=view&subject_code=premiere2024&college_idx=" target="_blank" class="clickable-area" style="left:19.4186%; top:37.4545%; width:22.6744%; height:0.4848%;"></a>
  <a href="https://www.nurijob.co.kr/fro_end/html/dep_03/3100.php?smode=view&subject_code=photo_illustrator2024&college_idx=" target="_blank" class="clickable-area" style="left:26.0465%; top:23.6667%; width:48.0233%; height:0.4848%;"></a>
  <a href="https://www.nurijob.co.kr/fro_end/html/dep_03/3100.php?smode=view&subject_code=photocc2024_kodica&college_idx=" target="_blank" class="clickable-area" style="left:19.3023%; top:20.4545%; width:22.6744%; height:0.4848%;"></a>
  <a href="https://www.nurijob.co.kr/fro_end/html/dep_03/3100.php?smode=view&subject_code=illustrator2024" target="_blank" class="clickable-area" style="left:57.9069%; top:20.4545%; width:22.6744%; height:0.4848%;"></a>
</div>

</body>
</html>

목록 확인 취소