목록 HOME 미디어 영상 [무장애예술주간 : No Limits in Seoul] 프로그램북 음성파일(통합) 제작처 등록일 2020-11-13 조회수32 </div> <!-- // sub_each --> <!-- view_top_row --> <div class="sub_each view_top_row tags_wrap"> <div class="tags_box row"> <a href="/user/search/result.do?cate=&searchKeyword=무장애예술주간" class="tags row" title="무장애예술주간 로 검색하기">#무장애예술주간</a> <a href="/user/search/result.do?cate=&searchKeyword=프로그램북" class="tags row" title="프로그램북 로 검색하기">#프로그램북</a> <a href="/user/search/result.do?cate=&searchKeyword=필름토크" class="tags row" title="필름토크 로 검색하기">#필름토크</a> <a href="/user/search/result.do?cate=&searchKeyword=낭독공연" class="tags row" title="낭독공연 로 검색하기">#낭독공연</a> <a href="/user/search/result.do?cate=&searchKeyword=탭톡" class="tags row" title="탭톡 로 검색하기">#탭톡</a> </div> </div> </div> </div> <!-- // view_container --> </section> <div class="license_wrap"> </div> <section class="sub_con" style="position:relative;margin-bottom:5vw;z-index:0;border-top:0.27vw solid #000;display: block"> <!-- view_container --> <div class="container view_container" id="idScroll" style="padding-top:0"> <!-- view_top_row --> <div class="sub_each view_top_row reply_wrap"> <p class="tit">댓글 남기기</p> <form style="margin-bottom:2vw;margin-top:2vw;"> <div class="form row" style="border:none;"> <label for="email" class="row" style="width:40%;align-items:center;border:none;font-weight:600;"> 이메일 <input type="text" id="email" class="form_email" placeholder="예시 email@ieum.com" autocomplete="off" title="댓글 이메일 입력" style="width:70%;margin-left:1vw;background:none !important"> </label> <label for="password" class="row" style="width:40%;align-items:center;border:none;font-weight:600;"> 비밀번호 <input type="password" id="password" class="form_pw" placeholder="숫자 네자리로 입력해주세요" title="댓글 비밀번호 입력" autocomplete="off" style="width:70%;margin-left:1vw;background:none !important;color:#000;"> </label> <label for="passwordView" class="row passwordCheck" style="width:40%;align-items:center;border:none;font-weight:600;"> <input type="checkbox" id="passwordView"> 비밀번호 표시 </label> <div style="margin-top:0.7vw;"> <textarea name="" id="content" class="form_content" placeholder="내용입력" title="내용입력"></textarea> </div> <div class="btn_wrap row modi_0726"> <button type="button" class="admit fn_comment_insert" id="admit" data-seq="">등록</button> <!-- <button type="button" class="cancle" onclick="reset()">취소</button> --> </div> </div> </form> </div> <!-- // view_top_row --> </div> </section> <script> $(document).on("click", "#passwordView", () => { $("#password").attr("type", (index, attr) => { return attr === "password" ? "text" : "password"; }); }) </script> <!-- sub_con --> <div class="sub_con blogger-new renewal-alike "> <div class="container view_container"> <!-- sub_each --> <div class="sub_each"> <!-- view_bottom_row --> <div class="view_bottom_row"> <div class="alike_content"> <h1 class="alike_content_tit"> 다른 콘텐츠 보기 </h1> <div class="alike_content_layout"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div class="article-wrap swiper-container slider mediaAlike"> <div class="inner swiper-wrapper"> <div class="swiper-slide"> <!-- top_box --> <div class="left_box 1"> <!-- 상단 --> <a href="/user/movie/view.do?idx=3235" title="〈난잡한 자기소개〉 공연실황 하이라이트 영상"> <div class="img_box"> <div class="inner_box"> <span class="focusRing"></span> <img class="debug" src="/cmm/fms/getImage.do?atchFileId=FILE_000000000019038&fileSn=0" alt="〈난잡한 자기소개〉 공연실황 하이라이트 영상"> <span class="mid_helper"></span> </div> </div> </a> <span class="hidden"></span> </div> <!-- // top_box --> <!-- right_box --> <div class="right_box"> <!-- 하단 --> <h1 class="tit"> <a href="/user/movie/view.do?idx=3235" title="〈난잡한 자기소개〉 공연실황 하이라이트 영상">〈난잡한 자기소개〉 공연실황 하이라이트 영상</a> </h1> <ul class="info_box"> <li class="date row"> 2025-01-15 </li> </ul> </div> <!-- // right_box --> </div> <div class="swiper-slide"> <!-- top_box --> <div class="left_box 1"> <!-- 상단 --> <a href="/user/movie/view.do?idx=3323" title="24년을 대표하는 네 명의 작가ㅣ국립현대미술관 '올해의 작가상 2024'"> <div class="img_box"> <div class="inner_box"> <span class="focusRing"></span> <img class="debug" src="/cmm/fms/getImage.do?atchFileId=FILE_000000000019812&fileSn=0" alt="24년을 대표하는 네 명의 작가ㅣ국립현대미술관 '올해의 작가상 2024'"> <span class="mid_helper"></span> </div> </div> </a> <span class="hidden"></span> </div> <!-- // top_box --> <!-- right_box --> <div class="right_box"> <!-- 하단 --> <h1 class="tit"> <a href="/user/movie/view.do?idx=3323" title="24년을 대표하는 네 명의 작가ㅣ국립현대미술관 '올해의 작가상 2024'">24년을 대표하는 네 명의 작가ㅣ국립현대미술관 '올해의 작가상 2024'</a> </h1> <ul class="info_box"> <li class="date row"> 2025-02-21 </li> </ul> </div> <!-- // right_box --> </div> <div class="swiper-slide"> <!-- top_box --> <div class="left_box 1"> <!-- 상단 --> <a href="/user/movie/view.do?idx=3278" title="[2024 접근성 가이드 포럼] '가이드를 위한 가이드'ㅣ기조연설"> <div class="img_box"> <div class="inner_box"> <span class="focusRing"></span> <img class="debug" src="/cmm/fms/getImage.do?atchFileId=FILE_000000000019638&fileSn=0" alt="[2024 접근성 가이드 포럼] '가이드를 위한 가이드'ㅣ기조연설"> <span class="mid_helper"></span> </div> </div> </a> <span class="hidden"></span> </div> <!-- // top_box --> <!-- right_box --> <div class="right_box"> <!-- 하단 --> <h1 class="tit"> <a href="/user/movie/view.do?idx=3278" title="[2024 접근성 가이드 포럼] '가이드를 위한 가이드'ㅣ기조연설">[2024 접근성 가이드 포럼] '가이드를 위한 가이드'ㅣ기조연설</a> </h1> <ul class="info_box"> <li class="date row"> 2025-02-11 </li> </ul> </div> <!-- // right_box --> </div> <div class="swiper-slide"> <!-- top_box --> <div class="left_box 1"> <!-- 상단 --> <a href="/user/movie/view.do?idx=3286" title="중절모 느와르 〈이 사람을 보라〉"> <div class="img_box"> <div class="inner_box"> <span class="focusRing"></span> <img class="debug" src="/cmm/fms/getImage.do?atchFileId=FILE_000000000019677&fileSn=0" alt="중절모 느와르 〈이 사람을 보라〉"> <span class="mid_helper"></span> </div> </div> </a> <span class="hidden"></span> </div> <!-- // top_box --> <!-- right_box --> <div class="right_box"> <!-- 하단 --> <h1 class="tit"> <a href="/user/movie/view.do?idx=3286" title="중절모 느와르 〈이 사람을 보라〉">중절모 느와르 〈이 사람을 보라〉</a> </h1> <ul class="info_box"> <li class="date row"> 2025-02-12 </li> </ul> </div> <!-- // right_box --> </div> <div class="swiper-slide"> <!-- top_box --> <div class="left_box 1"> <!-- 상단 --> <a href="/user/movie/view.do?idx=3253" title="[영화 배리어프리 가이드라인 발표회] 1편: 가이드라인 원칙"> <div class="img_box"> <div class="inner_box"> <span class="focusRing"></span> <img class="debug" src="/cmm/fms/getImage.do?atchFileId=FILE_000000000019167&fileSn=0" alt="[영화 배리어프리 가이드라인 발표회] 1편: 가이드라인 원칙"> <span class="mid_helper"></span> </div> </div> </a> <span class="hidden"></span> </div> <!-- // top_box --> <!-- right_box --> <div class="right_box"> <!-- 하단 --> <h1 class="tit"> <a href="/user/movie/view.do?idx=3253" title="[영화 배리어프리 가이드라인 발표회] 1편: 가이드라인 원칙">[영화 배리어프리 가이드라인 발표회] 1편: 가이드라인 원칙</a> </h1> <ul class="info_box"> <li class="date row"> 2025-01-21 </li> </ul> </div> <!-- // right_box --> </div> <div class="swiper-slide"> <!-- top_box --> <div class="left_box 1"> <!-- 상단 --> <a href="/user/movie/view.do?idx=3285" title="〈없던 공연〉 하이라이트"> <div class="img_box"> <div class="inner_box"> <span class="focusRing"></span> <img class="debug" src="/cmm/fms/getImage.do?atchFileId=FILE_000000000019676&fileSn=0" alt="〈없던 공연〉 하이라이트"> <span class="mid_helper"></span> </div> </div> </a> <span class="hidden"></span> </div> <!-- // top_box --> <!-- right_box --> <div class="right_box"> <!-- 하단 --> <h1 class="tit"> <a href="/user/movie/view.do?idx=3285" title="〈없던 공연〉 하이라이트">〈없던 공연〉 하이라이트</a> </h1> <ul class="info_box"> <li class="date row"> 2025-02-12 </li> </ul> </div> <!-- // right_box --> </div> <div class="swiper-slide"> <!-- top_box --> <div class="left_box 1"> <!-- 상단 --> <a href="/user/movie/view.do?idx=3236" title="1호작가展 배리어프리 작품 해설"> <div class="img_box"> <div class="inner_box"> <span class="focusRing"></span> <img class="debug" src="/cmm/fms/getImage.do?atchFileId=FILE_000000000019040&fileSn=0" alt="1호작가展 배리어프리 작품 해설"> <span class="mid_helper"></span> </div> </div> </a> <span class="hidden"></span> </div> <!-- // top_box --> <!-- right_box --> <div class="right_box"> <!-- 하단 --> <h1 class="tit"> <a href="/user/movie/view.do?idx=3236" title="1호작가展 배리어프리 작품 해설">1호작가展 배리어프리 작품 해설</a> </h1> <ul class="info_box"> <li class="date row"> 2025-01-15 </li> </ul> </div> <!-- // right_box --> </div> <div class="swiper-slide"> <!-- top_box --> <div class="left_box 1"> <!-- 상단 --> <a href="/user/movie/view.do?idx=3221" title="노들에스쁘와의 '컴백' 기록 영상"> <div class="img_box"> <div class="inner_box"> <span class="focusRing"></span> <img class="debug" src="/cmm/fms/getImage.do?atchFileId=FILE_000000000018864&fileSn=0" alt="노들에스쁘와의 '컴백' 기록 영상"> <span class="mid_helper"></span> </div> </div> </a> <span class="hidden"></span> </div> <!-- // top_box --> <!-- right_box --> <div class="right_box"> <!-- 하단 --> <h1 class="tit"> <a href="/user/movie/view.do?idx=3221" title="노들에스쁘와의 '컴백' 기록 영상">노들에스쁘와의 '컴백' 기록 영상</a> </h1> <ul class="info_box"> <li class="date row"> 2025-01-07 </li> </ul> </div> <!-- // right_box --> </div> <div class="swiper-slide"> <!-- top_box --> <div class="left_box 1"> <!-- 상단 --> <a href="/user/movie/view.do?idx=3255" title="[영화 배리어프리 가이드라인 발표회] 3편: 음성해설"> <div class="img_box"> <div class="inner_box"> <span class="focusRing"></span> <img class="debug" src="/cmm/fms/getImage.do?atchFileId=&fileSn=" alt="[영화 배리어프리 가이드라인 발표회] 3편: 음성해설"> <span class="mid_helper"></span> </div> </div> </a> <span class="hidden"></span> </div> <!-- // top_box --> <!-- right_box --> <div class="right_box"> <!-- 하단 --> <h1 class="tit"> <a href="/user/movie/view.do?idx=3255" title="[영화 배리어프리 가이드라인 발표회] 3편: 음성해설">[영화 배리어프리 가이드라인 발표회] 3편: 음성해설</a> </h1> <ul class="info_box"> <li class="date row"> 2025-01-21 </li> </ul> </div> <!-- // right_box --> </div> <div class="swiper-slide"> <!-- top_box --> <div class="left_box 1"> <!-- 상단 --> <a href="/user/movie/view.do?idx=3275" title="공연예술의 관객접근성 기획ㅣ데이비드 벨우드"> <div class="img_box"> <div class="inner_box"> <span class="focusRing"></span> <img class="debug" src="/cmm/fms/getImage.do?atchFileId=FILE_000000000019621&fileSn=0" alt="공연예술의 관객접근성 기획ㅣ데이비드 벨우드"> <span class="mid_helper"></span> </div> </div> </a> <span class="hidden"></span> </div> <!-- // top_box --> <!-- right_box --> <div class="right_box"> <!-- 하단 --> <h1 class="tit"> <a href="/user/movie/view.do?idx=3275" title="공연예술의 관객접근성 기획ㅣ데이비드 벨우드">공연예술의 관객접근성 기획ㅣ데이비드 벨우드</a> </h1> <ul class="info_box"> <li class="date row"> 2025-02-10 </li> </ul> </div> <!-- // right_box --> </div> </div> <div class="swiper-pagination"></div> </div> </div> </div> </div> <!-- // view_bottom_row --> </div> <!-- // sub_each --> </div> </div> <!-- // sub_con --> <div class="btn_wrap mt_0" > <div> <a href="/user/movie/view.do?idx=228" class="common_btn list_btn" title="목록으로 돌아가기"> <img src="/template/cms/user/images/sub/ico_alike_slide_prev.png" alt=""> 이전글 보기 </a> </div> <div> <a href="javascript:void(0);" class="common_btn list_btn" title="목록으로 돌아가기" onclick="goBack();"> 목록으로 돌아가기 </a> </div> <div> <a href="/user/movie/view.do?idx=232" class="common_btn list_btn" title="목록으로 돌아가기"> <img src="/template/cms/user/images/sub/ico_alike_slide_next.png" alt=""> 다음글 보기 </a> </div> </div> </article> </section> <!--//새로 만든 영역--> </div> <!--//contents--> <!-- userFooter --> <div id="footer" class="footer"> </div> <!-- userFooter --> <div class="scroll-top row is-visible"> <button type="button" title="top버튼 클릭">TOP</button> </div> </div> </body> <!-- userFooter --> <div id="footer" class="footer"> <div class="pop_wrap ac_pop"> <div class="btn_wrap close"> <button type="button" title="팝업 닫기"> <img src="/template/cms/user/images/main/btn_close.png" alt="" /> </button> </div> <div class="pop_cont row" id="ac_pop01"> <div class="img"> <img src="/template/cms/user/images/common/bigIcon_access-list-01.png" alt="" /> </div> <div class="tit">음성해설<br/>(Audio Description)</div> <div class="txt"> 시각 장애를 고려하여 비디오 콘텐츠 내용 중 소리 없이 화면으로만 진행되는 부분을 설명하는 정보입니다. 라이브 영상의 경우 무대, 세트, 소품, 의상 및 출연자의 얼굴 표정, 움직임에 이르기까지 시각적 요소에 대한 부분을 포함합니다. </div> <button type="button" class="btn-access" onclick="location.href='/user/search/result.do?cate=&searchAccess=1'" title="클릭 팝업 열림">콘텐츠 바로가기</button> </div> <div class="pop_cont row" id="ac_pop03"> <div class="img"> <img src="/template/cms/user/images/common/bigIcon_access-list-03.png" alt="" /> </div> <div class="tit">큰 활자<br/>(Large Print)</div> <div class="txt"> 시각장애를 고려하여 활자 크기를 크게 혹은 작게 조절할 수 있는 환경을 제공합니다. 정상적인 교정시력이 나오지 않는 약시나 시력이 저하된 분들을 고려한 접근 환경입니다. </div> <button type="button" class="btn-access" onclick="location.href='/user/search/result.do?cate=&searchAccess=3'" title="클릭 팝업 열림">콘텐츠 바로가기</button> </div> <div class="pop_cont row" id="ac_pop09"> <div class="img"> <img src="/template/cms/user/images/common/bigIcon_access-list-09.png" alt="" /> </div> <div class="tit">점자<br/>(Braille)</div> <div class="txt"> 시각 장애를 고려하여 활자를 점자로 변환한 인쇄물, 안내도 등을 제공합니다. </div> <button type="button" class="btn-access" onclick="location.href='/user/search/result.do?cate=&searchAccess=3'" title="클릭 팝업 열림">콘텐츠 바로가기</button> </div> <div class="pop_cont row" id="ac_pop04"> <div class="img"> <img src="/template/cms/user/images/common/bigIcon_access-list-04.png" alt="" /> </div> <div class="tit">자막<br/>(Captioning)</div> <div class="txt"> 청각장애를 고려하여 비디오 콘텐츠의 대화, 설명 등의 음성을 글자로 변환한 정보입니다. 자막은 청각 장애의 접근을 지원할 뿐만 아니라 전문화된 정보를 얻고자 하는 비장애인(학생이나 외국인)에게도 도움이 되고 있습니다. </div> <button type="button" class="btn-access" onclick="location.href='/user/search/result.do?cate=&searchAccess=4'" title="클릭 팝업 열림">콘텐츠 바로가기</button> </div> <div class="pop_cont row" id="ac_pop06"> <div class="img"> <img src="/template/cms/user/images/common/bigIcon_access-list-06.png" alt="" /> </div> <div class="tit">대본<br/>(Text)</div> <div class="txt"> 청각장애를 고려하여 비디오, 오디오 콘텐츠의 내용을 별도의 텍스트로 전환한 정보를 제공합니다. </div> <button type="button" class="btn-access" onclick="location.href='/user/search/result.do?cate=&searchAccess=6'" title="클릭 팝업 열림">콘텐츠 바로가기</button> </div> <div class="pop_cont row" id="ac_pop02"> <div class="img"> <img src="/template/cms/user/images/common/bigIcon_access-list-02.png" alt="" /> </div> <div class="tit">수어해설<br/>(Sign Language)</div> <div class="txt"> 청각 장애를 고려하여 소리가 아닌 손짓을 이용하여 의미를 전달하는 정보입니다. 언어의 전달방식은 손, 몸, 얼굴 및 머리의 움직임을 포함합니다. 한국 수어(KSL)는 한국어와 함께 대한민국의 공용어로 지정되어 있고, 한국의 청각장애인이 사용하는 언어입니다. </div> <button type="button" class="btn-access" onclick="location.href='/user/search/result.do?cate=&searchAccess=2'" title="클릭 팝업 열림">콘텐츠 바로가기</button> </div> <div class="pop_cont row" id="ac_pop08"> <div class="img"> <img src="/template/cms/user/images/common/bigIcon_access-list-08.png" alt="" /> </div> <div class="tit">문자 통역<br/>(Text Interpretation)</div> <div class="txt"> 청각장애를 고려하여 문자통역사(속기사)가 실시간으로 음성언어를 문자화하여 국어로 변환하여 제공합니다. </div> <button type="button" class="btn-access" onclick="location.href='/user/search/result.do?cate=&searchAccess=8'" title="클릭 팝업 열림">콘텐츠 바로가기</button> </div> <div class="pop_cont row" id="ac_pop05"> <div class="img"> <img src="/template/cms/user/images/common/bigIcon_access-list-05.png" alt="" /> </div> <div class="tit">쉬운 내용<br/>(Easy Read)</div> <div class="txt"> 발달장애를 고려하여 쉬운 단어, 쉬운 표현, 짧은 문장 및 쉬운 그림을 포함한 문서를 통해 어려운 내용을 쉽게 전달하여 문자에 대한 이해력을 높입니다. </div> <button type="button" class="btn-access" onclick="location.href='/user/search/result.do?cate=&searchAccess=5'" title="클릭 팝업 열림">콘텐츠 바로가기</button> </div> <div class="pop_cont row" id="ac_pop10"> <div class="img"> <img src="/template/cms/user/images/common/bigIcon_access-list-10.png" alt="" /> </div> <div class="tit">편안한 공연<br/>(Relaxed Performance)</div> <div class="txt"> 자폐 스펙트럼 장애나 지적장애가 있는 사람을 포함하여 편안한 환경에서 공연을 관람하기 원하는 모든 사람을 위한 공연입니다. 공연장에서 소음과 움직임을 허용하고 필요할 때 재입장할 수 있고, 관객에게 휴식 공간을 제공합니다. </div> <button type="button" class="btn-access" onclick="location.href='/user/search/result.do?cate=&searchAccess=5'" title="클릭 팝업 열림">콘텐츠 바로가기</button> </div> <div class="pop_cont row" id="ac_pop07"> <div class="img"> <img src="/template/cms/user/images/common/bigIcon_access-list-07.png" alt="" /> </div> <div class="tit">휠체어접근<br/>(Wheelchair Access)</div> <div class="txt"> 휠체어가 접근 및 진입 가능한 장소입니다. </div> <button type="button" class="btn-access" onclick="location.href='/user/search/result.do?cate=&searchAccess=7'" title="클릭 팝업 열림">콘텐츠 바로가기</button> </div> </div> <div class="pop_bg"></div> <div class="footer-access-wrap"> <div class="access-wrap-left"> <span class="cover"> <a href="https://www.ieum.or.kr/user/info.do"> <img src="/template/cms/user/images/common/culture-info-banner.jpg" alt="문화소식 등록신청 장애예술 공연·전시·행사 등 문화예술소식을 보내주세요! 바로가기"> </a> </span> </div> <div class="access-wrap-right"> <div class="access-guide row"> <p class="tit">접근성 콘텐츠 안내</p> <p class="txt pc">접근성 버튼을 누르면 해당하는 콘텐츠를 볼 수 있습니다.</p> <p class="txt mo">이음온라인은 배리어프리(Barrier Free) 접근성 콘텐츠를 제공합니다.</p> </div> <div class="access-list row schImg"> <a href="javascript:void(0)" class="popup" data-id="ac_pop01"> <span class="img_wrap"> <img src="/template/cms/user/images/common/icon_access-list-01.png" alt="음성해설"> </span> <p>음성해설</p> </a> <a href="javascript:void(0)" class="popup" data-id="ac_pop03"> <span class="img_wrap"> <img src="/template/cms/user/images/common/icon_access-list-02.png" alt="큰 활자"> </span> <p>큰 활자</p> </a> <a href="javascript:void(0)" class="popup" data-id="ac_pop09"> <span class="img_wrap"> <img src="/template/cms/user/images/common/icon_access-list-03.png" alt="점자"> </span> <p>점자</p> </a> <a href="javascript:void(0)" class="popup" data-id="ac_pop04"> <span class="img_wrap"> <img src="/template/cms/user/images/common/icon_access-list-04.png" alt="자막"> </span> <p>자막</p> </a> <a href="javascript:void(0)" class="popup" data-id="ac_pop06"> <span class="img_wrap"> <img src="/template/cms/user/images/common/icon_access-list-05.png" alt="대본"> </span> <p>대본</p> </a> <a href="javascript:void(0)" class="popup" data-id="ac_pop02"> <span class="img_wrap"> <img src="/template/cms/user/images/common/icon_access-list-06.png" alt="수어해설"> </span> <p>수어해설</p> </a> <a href="javascript:void(0)" class="popup" data-id="ac_pop08"> <span class="img_wrap"> <img src="/template/cms/user/images/common/icon_access-list-07.png" alt="문자 통역"> </span> <p>문자 통역</p> </a> <a href="javascript:void(0)" class="popup" data-id="ac_pop05"> <span class="img_wrap"> <img src="/template/cms/user/images/common/icon_access-list-08.png" alt="쉬운내용"> </span> <p>쉬운내용</p> </a> <a href="javascript:void(0)" class="popup" data-id="ac_pop10"> <span class="img_wrap"> <img src="/template/cms/user/images/common/icon_access-list-09.png" alt="편안한 공연"> </span> <p>편안한 공연</p> </a> <a href="javascript:void(0)" class="popup" data-id="ac_pop07"> <span class="img_wrap"> <img src="/template/cms/user/images/common/icon_access-list-10.png" alt="휠체어 접근"> </span> <p>휠체어 접근</p> </a> </div> </div> </div> <div class="footer-nav-wrap"> <div> <button type="button" class="btn-subs" onclick="location.href='/user/newsletter/subscription.do'">뉴스레터 구독신청</button> </div> <div><a href="/user/newslettermng/list.do">지난 뉴스레터 보기</a></div> <div> <!--<p>이음 SNS</p>--> <ul class="sns-list"> <li class="sns-kakaoch"> <a href="http://pf.kakao.com/_NzxkxdK" target="_blank" title="새창 열림"> <img src="/template/cms/user/images/common/icon-kakaoch.svg" alt=""> <span class="hidden">카카오톡 채널 이동</span> </a> </li> <li class="sns-youtube"> <a href="https://www.youtube.com/channel/UC3rVm4VD6lwaLXYyg_iTfmg" target="_blank" title="새창 열림"> <img src="/template/cms/user/images/common/icon-youtube.svg" alt=""> <span class="hidden">유튜브 이동</span> </a> </li> <li class="sns-potcast"> <a href="https://www.podbbang.com/channels/1774872" title="새창 열림" target="_blank"> <img src="/template/cms/user/images/common/icon-potcast.svg" alt=""> <span class="hidden">팟캐스트 이동</span> </a> </li> <li class="sns-blog"> <a href="https://blog.naver.com/kdac9700" title="새창 열림" target="_blank"> <img src="/template/cms/user/images/common/icon-blog.svg" alt=""> <span class="hidden">네이버블로그 이동</span> </a> </li> <li class="sns-facebook"> <a href="https://www.facebook.com/ieumcenter/" title="새창 열림" target="_blank"> <img src="/template/cms/user/images/common/icon-facebook.svg" alt=""> <span class="hidden">페이스북 이동</span> </a> </li> <li class="sns-insta"> <a href="https://www.instagram.com/ieumonline/" title=" 새창 열림" target="_blank"> <img src="/template/cms/user/images/common/icon-insta.svg" alt=""> <span class="hidden">인스타그램 이동</span> </a> </li> </ul> </div> <div> <a href="/user/notice/list.do"> <span class="focusRing"></span> 공지사항 </a> </div> </div> <div class="foot-info row"> <div class="row"> <a href="https://www.kdac.or.kr/main/view" target="_blank" title="클릭 새 창 이동"> <img src="/template/cms/user/images/common/logo-foot.svg" alt="한국장애인문화예술원 Korea Disability Arts & Culture Center"> </a> </div> <div> <ul class="active_link row"> <li><a href="/user/notice/view.do?idx=11">개인정보처리방침</a></li> <li><a href="/user/copyright.do">저작권보호정책</a></li> <li><a href="/user/newsletter/subscriptionCancel.do">수신거부</a></li> </ul> <address> <p>우편번호 03086 서울 종로구 대학로 112(동숭동, 1-117) 이음센터</p> <p><span>대표번호 02-760-9700</span><span>팩스번호 02-760-9788</span><span>ieum@i-eum.or.kr</span></p> <!-- <p>Copyright (C) 2015~2018 한국장애인문화예술원-이음. All Rights Reserved.</p> --> <p>(C) 2024 한국장애인문화예술원.<span class="ml10">All Rights Reserved</span></p> </address> </div> <a href="https://www.mcst.go.kr/kor/main.jsp" target="_blank"><img src="/template/cms/user/images/common/logo-major.svg" alt="문화체육관광부" class="culture"></a> <!-- <button type="button" class="web_mark" title="팝업 오픈"> <img src="/template/cms/user/images/main/web_mark_2025.png" alt="과학기술정보통신부 WA WEB접근성 한국웹접근성인증평가원 2021.05.03~2022.05.02"> </button> --> <a href="https://www.wa.or.kr/board/list.asp?search=total&SearchString=%C0%CC%C0%BD%20%BF%C2%B6%F3%C0%CE&BoardID=0006" class="web_mark" target="_blank"> <img src="/template/cms/user/images/common/web_mark_2025.png" alt="과학기술정보통신부 WA WEB접근성 한국웹접근성인증평가원 2025.01.31~2026.01.30"> </a> </div> </div> <!-- userFooter --> <div class="mark_bg"> <span> <button type="button" class="close" title="팝업 닫기"></button> <img src="/template/cms/user/images/main/mark_paper.jpg" alt="제 2021-524호 정보통신접근성 품질인증서 | 과학기술정보통신부 WA-WEB 접근성 (사)한국장애인단체총연합회 한국웹접근성인증평가원 | 1.업체명:한국장애인문화예술원 2.주소:서울특별시 종로구 대학고 112 3.웹사이트:http://www.ieum.or.kr 4.유효기간:2021.05.03~2022.05.02 5.인증범위:이음 온라인 홈페이지 | 「지능정보화 기본법」 제47조제1항 및 같은 법 시행규칙 제9조제5항에 따라 위와 같이 정보통신접근성 품질인증서를 발급합니다. 2021년 05월 03일 사단법인 한국장애인단체총연합회 한국웹접근성인증평가원" class="mark_paper"> </span> </div> <div class="scroll-top row is-visible"> <button type="button" title="top버튼 클릭">TOP</button> </div> <script> var scrollTopBtn = $('.scroll-top');/* 스크롤에 따른 hidden처리 */ $(window).scroll(function(){ var topPos = $(this).scrollTop(); if(topPos <2500){ scrollTopBtn.removeClass('is-visible'); }else{ scrollTopBtn.addClass('is-visible'); } }); $(document).ready(function(){ scrollTopBtn.click(function(){ $("html,body").animate({scrollTop:0}, 300); }) }) $(document).ready(function() { // 현재 URL의 경로를 가져옴 var currentPath = window.location.pathname; // 경로가 루트일 경우 footer-access-wrap 클래스를 숨김 if (currentPath === '/' || currentPath === '/index.html') { $('.footer-access-wrap').hide(); } }); </script> </div> <!-- // wrapper --> <script> /*$(document).ready(function(){ if (document.location.protocol == 'http:') { document.location.href = document.location.href.replace('http:', 'https:'); } });*/ </script> </body> </html> <script type="text/javascript"> /* 임시 */ $('.header').load('/include/header.html') $('.footer').load('/include/footer.html') /* //임시 */ /* 기존 소스에 꼭 추가 해주세요 */ var finderLi = $(".findery li").length; for (let i=0;i<finderLi;i++){ $(".renewal-wrap").addClass("type-1"); $(".findery li").eq(i).on('click',function(){ if($("#find01").hasClass("on") === true) { $(".renewal-wrap").addClass("type-2"); $(".renewal-wrap").removeClass("type-1"); } else { $(".renewal-wrap").addClass("type-1"); $(".renewal-wrap").removeClass("type-2"); } }) } var subCon = $(".sub_con"); subCon.each((i,v)=>{ console.log(v); if($(v).is('#find02')== true){ }else{ document.querySelector('.sub_con').setAttribute("id", "find01"); } }) var mediCate = $(".mediCate"); mediCate.each((i,v)=>{ mediTxt = v.innerHTML; if(mediTxt == "영상"){ $(v).parents(".channel").addClass("movieList-video"); }else if(mediTxt == "오디오"){ $(v).parents(".channel").addClass("movieList-audio"); }else{ $(v).parents(".channel").addClass("movieList-document"); } }) /* //기존 소스에 꼭 추가 해주세요 */ var scrollTopBtn = $('.scroll-top');/* 스크롤에 따른 hidden처리 */ $(window).scroll(function(){ var topPos = $(this).scrollTop(); if(topPos <2500){ scrollTopBtn.removeClass('is-visible'); }else{ scrollTopBtn.addClass('is-visible'); } }); $(document).ready(function(){ scrollTopBtn.click(function(){ $("html,body").animate({scrollTop:0}, 300); }) }) /* * 현재 URL 복사 * */ $('.copyLink').click(function(e) { e.preventDefault(); // 기본 동작 방지 // 현재 페이지의 URL을 가져옴 var currentUrl = window.location.href; // 임시 텍스트 영역을 생성하여 클립보드에 복사 var $temp = $("<input>"); $("body").append($temp); $temp.val(currentUrl).select(); document.execCommand("copy"); $temp.remove(); // 알림 메시지 표시 alert("링크가 복사되었습니다."); }); </script> <script type="text/javascript"> var kakao_tit = $('.view_page_tit').text(); var link_url = $(location).attr('href'); //<![CDATA[ // // 사용할 앱의 JavaScript 키를 설정해 주세요. Kakao.init('212c2a9d4b705ab6c44b6cbb0005bf0b'); // // 카카오링크 버튼을 생성합니다. 처음 한번만 호출하면 됩니다. function sendLink() { Kakao.Link.sendDefault({ objectType: 'feed', content: { title: kakao_tit, imageUrl: 'http://www.ieum.or.kr/cmm/fms/getImage.do?atchFileId=', link: { mobileWebUrl: link_url, webUrl: link_url } }, buttons: [ { title: '웹으로 보기', link: { mobileWebUrl: link_url, webUrl: link_url } } ] }); } //]]> function snsLine() { var href = "https://social-plugins.line.me/lineit/share?url=" + encodeURIComponent(document.location.href); window.open(href); } </script> <script type="text/javascript"> $(() => { $.cookie("standardSize", $.cookie("standardSize") != undefined ? $.cookie("standardSize") : 0, {path:'/'}); $(".sizeicon").addClass(imageButtonClassName()); //폰트 사이즈 단계 표출 이미지 변경을 위한 클래스 입력 }) // 230721 폰트사이즈 기능 추가 start $(window).on("resize", () => { const divEle = document.querySelector("html"); let windowWidth = $( window ).width(); let standardSize = $.cookie("standardSize"); let sizeAlongWidth = windowSizeCheck(windowWidth); fsResize(divEle, standardSize, sizeAlongWidth); }) const fsResize = (divEle, stSize, sizeAlongWidth) => { // console.log("divEle", divEle); // console.log("standardSize", stSize); // console.log("sizeAlongWidth", sizeAlongWidth); divEle.style.fontSize = (parseFloat(stSize) + parseFloat(sizeAlongWidth)).toString() +"%"; } $(document).on("click", "#increaseButton, #mobileIncreaseButton", e => { console.log("test") const sizeRange = 3.0; if(parseFloat($.cookie("standardSize")) < (sizeRange*2)){ $.cookie("standardSize", (parseFloat($.cookie("standardSize")) + sizeRange).toFixed(1), {path:'/'}); const divEle = document.querySelector("html"); let standardSize = $.cookie("standardSize"); let windowWidth = $( window ).width(); let sizeAlongWidth = windowSizeCheck(windowWidth); fsResize(divEle, standardSize, sizeAlongWidth); imageButtonChange(e); }else{ alert("최대크기입니다."); } }) $(document).on("click", "#decreaseButton, #mobileDecreaseButton", e => { const sizeRange = 3.0; if(parseFloat($.cookie("standardSize")) > -(sizeRange*2)){ $.cookie("standardSize", (parseFloat($.cookie("standardSize")) - sizeRange).toFixed(1), {path:'/'}); const divEle = document.querySelector("html"); let standardSize = $.cookie("standardSize"); let windowWidth = $( window ).width(); let sizeAlongWidth = windowSizeCheck(windowWidth); fsResize(divEle, standardSize, sizeAlongWidth); imageButtonChange(e); }else{ alert("최소크기입니다."); } }) const imageButtonClassName = () => { let className = ""; if(parseFloat($.cookie("standardSize")) === -6.0){ className = "level-1"; }else if(parseFloat($.cookie("standardSize")) === -3.0){ className = "level-2"; }else if(parseFloat($.cookie("standardSize")) === 0){ className = "level-3"; }else if(parseFloat($.cookie("standardSize")) === 3.0){ className = "level-4"; }else if(parseFloat($.cookie("standardSize")) === 6.0){ className = "level-5"; }else{ className = "level-3"; alert("ImageButtonChangeError"); } return className; } const imageButtonChange = e => { const $sizeIcon = $(e.target).parent().parent().find(".sizeicon"); const beforeClassNameArr = $sizeIcon.attr('class').split(" "); let beforeClassName = ""; let className = imageButtonClassName(); console.log("$(e)", $(e.target).parent().parent().find(".sizeicon")); $.each(beforeClassNameArr, (index, item) => { if(item.includes("level")){ beforeClassName = item; } }) $sizeIcon.removeClass(beforeClassName); $sizeIcon.addClass(className); } const windowSizeCheck = windowWidth => { let fs = ""; if(windowWidth <= 1920) { fs = "62.5"; } if (windowWidth <= 1700) { fs = "47.5"; } if (windowWidth <= 1400) { fs = "41.5"; } if (windowWidth <= 1300) { fs = "40.5"; } if (windowWidth <= 1280) { fs = "39.5"; } if (windowWidth <= 1024) { fs = "39.5"; } if (windowWidth <= 768) { fs = "34.5"; } if (windowWidth <= 480) { fs = "27.5"; } return fs; } </script> </html>
