29초영화제

<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="format-detection" content="telephone=no, address=no, email=no" /> <meta name="description" content="Since 2011 국내 최대 초단편 영상 페스티벌!"> <meta name="keywords" content="29초영화제, 29초, 영화제, 박카스, 신한"> <meta property="og:title" content="29초영화제"> <meta property="og:description" content="Since 2011 국내 최대 초단편 영상 페스티벌!"> <meta property="og:image" content=https://www.29sfilm.com/img/29seconds_og.jpg> <link rel="icon" type="image/png" href="/img/29seconds_favicon.png"> <meta name="naver-site-verification" content="5faf307039ba1287b15805faa5836a87b5229f35" /> <title>29초영화제</title> <link rel="stylesheet" href="/font/font.css"> <link href="https://cdn.jsdelivr.net/npm/remixicon@3.2.0/fonts/remixicon.css" rel="stylesheet"> <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/themes/base/theme.min.css" integrity="sha512-hbs/7O+vqWZS49DulqH1n2lVtu63t3c3MTAn0oYMINS5aT8eIAbJGDXgLt6IxDHcWyzVTgf9XyzZ9iWyVQ7mCQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/themes/base/jquery-ui.min.css" integrity="sha512-ELV+xyi8IhEApPS/pSj66+Jiw+sOT1Mqkzlh8ExXihe4zfqbWkxPRi8wptXIO9g73FSlhmquFlUOuMSoXz5IRw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="/k_front/asset/css/reset.css"> <link rel="stylesheet" href="/k_front/asset/css/scroll.css">  <link rel="stylesheet" href="/css/layout.css"> <link rel="stylesheet" href="/css/ing.css"> <link rel="stylesheet" href="/css/brand.css"> <link rel="stylesheet" href="/css/ing_sub.css"> <link rel="stylesheet" href="/css/mypage.css"> <link rel="stylesheet" href="/css/community.css"> <link rel="stylesheet" href="/css/login.css"> <link rel="stylesheet" href="/css/serviceCenter.css"> <link rel="stylesheet" href="/css/29cinema.css"> <link rel="stylesheet" href="/css/29seconds.css"> <link rel="stylesheet" href="/css/29seconds_2.css"> <link rel="stylesheet" href="/css/menuOver.css">  <link rel="stylesheet" href="/k_front/plugin/swiper8.4.4/swiper.css">  <script src="/k_front/plugin/jquery.js"></script><script src="/k_front/plugin/swiper8.4.4/swiper.js"></script><script src="/k_front/plugin/gsap3.10.4/gsap.min.js"></script><script src="/k_front/plugin/gsap3.10.4/ScrollTrigger.min.js"></script><script src="/k_front/plugin/gsap3.10.4/ScrollSmoother.min.js"></script> <script src="/k_front/plugin/gsap3.10.4/ScrollToPlugin.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js" integrity="sha512-57oZ/vW8ANMjR/KQ6Be9v/+/h6bq9/l3f0Oc7vn6qMqyhvPd1cvKBRWWpzu0QoneImqr2SkmO4MSqU+RpHom3Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script type="text/javascript" src="https://www.29sfilm.com/lib/js/itboard.js"></script> </head> <body> <span itemscope="" itemtype="http://schema.org/Organization"> <link itemprop="url" href="https://www.29sfilm.com/"> <a itemprop="sameAs" href="https://www.instagram.com/29sfilm_official/"></a> <a itemprop="sameAs" href="https://www.youtube.com/@29sfilm_official"></a> </span> main.php?id=2024000009 <div class="r-f"> <a href="/ing_movie/submit_step1.php?id=2024000009" id="flimstep"> <span>출품하기</span> <i class="xi-videocam"></i> </a> <a href="/ing_movie/movie.php?id=2024000009" id="movie_view"> <span>감상하기</span> <i class="xi-movie"></i> </a> <a href="https://pf.kakao.com/_yCTxeb/chat" target="_blank" class="kakao" id="contact_"> <span>문의하기</span> <i class="xi-kakaotalk"></i> </a> </div> <script> $('.r-f a').mouseover(function(){ let wp = $(window).innerWidth(); if(wp > 820){ $(this).siblings().addClass('hover'); } }); $('.r-f a').mouseleave(function(){ let wp = $(window).innerWidth(); if(wp > 820){ $(this).siblings().removeClass('hover'); } }); </script> <header> <div id="moviePointer"> <div class="moviePointer_poster"></div> </div> <div class="_wrap" max=1805> <div class="logo"> <a href="/"> <img src="/img/29logo.svg" alt="" width=120> </a> </div> <nav> <ul class="gnb"> <li><a href="/login/">로그인</a></li> <li><a href="/login/signup.php">회원가입</a></li> </ul> <ul class="nnb">  <li><a href=""><i class="xi-bars"></i><i class="xi-close" style="display: none"></i></a></li> </ul>  </nav> </div> </header> <nav class="fullMenu" > <div class="_wrap1400"> <ul class="loginWrap_mo"> <li class="loginGroup"> <ul> <li><a href="/login/">로그인</a></li> <li><a href="/login/signup.php">회원가입</a></li> </ul> </li>  </ul> <div class="menubox"> <ul class="depth1"> <li> <span class="_a nolink">29초영화제 <i class="xi-plus"></i></span> <ul class="depth2"> <li><a href="/29seconds/about.php">영화제 소개</a></li> <li><a href="/29seconds/greetings.php">CEO 인사말</a></li> <li><a href="/29seconds/history.php">연혁</a></li> <li><a href="/29seconds/trademark.php">CI 및 상표권</a></li> <li><a href="/29seconds/location.php">오시는 길</a></li> </ul> </li> <li class="movieList"> <span class="_a nolink">진행 중인 영화제 <i class="xi-plus"></i></span> <ul class="depth2"> <li><a href="/ing_movie/movie.php?id=2024000011" cursor-class="movie_1">제2회 자원순환보증금제 29초영화제</a></li> </ul> </li> <li> <span class="_a nolink">역대 영화제 <i class="xi-plus"></i></span> <ul class="depth2"> <li><a href="/pastFilm/29cinema.php">이구시네마</a></li> </ul> </li> <li> <span class="_a nolink">커뮤니티 <i class="xi-plus"></i></span> <ul class="depth2"> <li><a href="/community/immvPrsn.php">내가 영화인이다</a></li>  <li><a href="/community/together29.php">이구투게더</a></li> <li><a href="/community/family.php">이구패밀리</a></li> <li><a href="/community/news.php">언론보도</a></li> </ul> </li> <li> <span class="_a nolink">고객센터 <i class="xi-plus"></i></span> <ul class="depth2"> <li><a href="/serviceCenter/notice.php">공지사항</a></li> <li><a href="/serviceCenter/serv_inquiry.php">1:1문의</a> </ul> </li> </ul> </div> </div> </nav> <script> // 스크롤시 헤더 배경 /* let scrollh = 0; $(window).scroll(function () { let sctop = $(window).scrollTop(); if(sctop > 150){ $('header').addClass('bg'); scrollh = 1; }else{ $('header').removeClass('bg'); scrollh = 0; } }); */ // 모바일 메뉴 슬라이드 let mobileDepth1 = $('.fullMenu .menubox .depth1 > li'); let mobileDepth2 = $('.fullMenu .menubox .depth1 > li > span'); /* mobileDepth1.on('click', function() { let wp = $(window).innerWidth(); if(wp <= 820){ if($(this).hasClass('on')) { $(this).find('.depth2').slideUp(600); // $(this).toggleClass('on'); $(this).find('i').removeClass('xi-minus'); $(this).find('i').addClass('xi-plus'); } else { $(this).siblings('.on').find('.depth2').slideUp(600); $(this).siblings('.on').find('i').removeClass('xi-minus'); $(this).siblings('.on').find('i').addClass('xi-plus'); $(this).siblings('.on').removeClass('on'); $(this).find('.depth2').slideDown(600); // $(this).siblings().find('.depth2').slideUp(600); $(this).toggleClass('on'); $(this).find('i').removeClass('xi-plus'); $(this).find('i').addClass('xi-minus'); } } }); */ mobileDepth2.click(function () { let wp = $(window).innerWidth(); if(wp <= 820){ $(this).siblings('.depth2').slideToggle(); $(this).parent('li').siblings().find('.depth2').slideUp(); } }); //메뉴 활성모션 let fullMenuMotion = gsap.timeline() .to('.fullMenu',{ y : "0%", duration : 1, ease: "power2.out" }); fullMenuMotion.pause(); gsap.set('.fullMenu .menubox .depth1 > li',{x: 40, opacity: 0}); let fullMenuItem = gsap.timeline(). to('.fullMenu .menubox .depth1 > li', {x:0, opacity: 1, stagger:0.2, duration: .6}); fullMenuItem.pause(); $('header nav .nnb').click(function(){ let MenuActive = $('.fullMenu').hasClass('active'); mobileDepth1.find('i').removeClass('xi-minus'); mobileDepth1.find('i').addClass('xi-plus'); if(MenuActive == 0) { $('.fullMenu').addClass('active'); mobileDepth1.find('.depth2').removeAttr("style"); fullMenuMotion.play(); fullMenuItem.play(); $('header nav .nnb').find('i.xi-close').show(); $('header nav .nnb').find('i.xi-bars').hide(); } else { $('.fullMenu').removeClass('active'); fullMenuItem.reverse(); fullMenuMotion.reverse(); mobileDepth1.removeClass('on'); mobileDepth1.find('.depth2').slideUp(600); $('header nav .nnb').find('i.xi-close').hide(); $('header nav .nnb').find('i.xi-bars').show(); } }); $(window).on('resize', function(){ mobileDepth1.removeClass('on'); mobileDepth1.find('i').removeClass('xi-minus'); mobileDepth1.find('i').addClass('xi-plus'); mobileDepth1.find('.depth2').removeAttr("style"); }); //커서 const moviePointer = document.querySelector('#moviePointer'); const moviePointer_poster = moviePointer.querySelector('.moviePointer_poster'); const mouse = { x: -100, y: -100 }; const pos = { x: 0, y: 0 }; const speed = 0.1; const updateCoordinates = e => { mouse.x = e.clientX; mouse.y = e.clientY; } window.addEventListener('mousemove', updateCoordinates); function getAngle(diffX, diffY) { return Math.atan2(diffY, diffX) * 180 / Math.PI; } function getSqueeze(diffX, diffY) { const distance = Math.sqrt( Math.pow(diffX, 2) + Math.pow(diffY, 2) ); const maxSqueeze = 0.15; const accelerator = 1500; return Math.min(distance / accelerator, maxSqueeze); } const updateCursor = () => { const diffX = Math.round(mouse.x - pos.x); const diffY = Math.round(mouse.y - pos.y); pos.x += diffX * speed; pos.y += diffY * speed; // const angle = getAngle(diffX, diffY); const squeeze = getSqueeze(diffX, diffY); const scale = 'scale(' + (1 + squeeze) + ', ' + (1 - squeeze) +')'; // const rotate = 'rotate(' + angle +'deg)'; const translate = 'translate3d(' + pos.x + 'px ,' + pos.y + 'px, 0)'; moviePointer.style.transform = translate; moviePointer_poster.style.transform = scale; }; function loop() { updateCursor(); requestAnimationFrame(loop); } requestAnimationFrame(loop); const cursorModifiers = document.querySelectorAll('[cursor-class]'); // 영화제 마우스오버시 cursorModifiers.forEach(curosrModifier => { curosrModifier.addEventListener('mouseenter', function() { const className = this.getAttribute('cursor-class'); moviePointer.classList.add(className); // css 스타일 적용 (크기) if(className == "movie_1"){// 영화제 마우스오버 포스터 이미지 moviePointer_poster.style.backgroundImage = "url('/data/images/29sfilm/festival/2024000011/1934996263_bQeNarzp_2dbb1f10c597a36464461213d776a36d831b1829.png')"; }else if(className == "movie_2"){ moviePointer_poster.style.backgroundImage = "url('/img/community/list_sample.jpg')"; }else if(className == "movie_3"){ moviePointer_poster.style.backgroundImage = "url('/img/community/list_sample.jpg')"; } }); curosrModifier.addEventListener('mouseleave', function() { const className = this.getAttribute('cursor-class'); moviePointer.classList.remove(className); }); }); // 메인메뉴 클릭 비활성화 $('.nolink').click(function () { let wp = $(window).innerWidth(); if(wp > 820){ return false; } }); </script><meta http-equiv="content-type" content="text/html; charset=utf-8"> <script type='text/javascript'> alert('영화제가 존재하지 않습니다.'); history.back(); </script>

CINXE.COM

29초영화제