CINXE.COM
대구국제안경전
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="utf-8"> <meta name="author" content="diops" /> <meta name="Resource-type" content="Document" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="keyword" content="diops,디옵스,대구국제안경전" /> <!-- <meta name="keyword" content="diops,디옵스,대구국제안경전,안경전시회" /> --> <meta name="description" content="2024 디옵스·안경, 선글라스, 안경렌즈, 콘택트/렌즈, 기능성안경, 부품/코패드" /> <!-- <meta name="description" content="2024 디옵스·안경, 선글라스, 안경렌즈, 콘택트/렌즈, 기능성안경, 부품/코패드, 2025 디옵스, 2025 대구국제안경전, 안경전시회" /> --> <meta property="og:type" content="website"> <meta property="og:title" content="대구국제안경전"> <!-- <meta property="og:title" content="대구국제안경전"> --> <meta property="og:description" content="2024 디옵스·안경, 선글라스, 안경렌즈, 콘택트/렌즈, 기능성안경, 부품/코패드"> <title>대구국제안경전</title> <link rel="stylesheet" type="text/css" href="../css/fullPage.css?" /> <link rel="stylesheet" type="text/css" href="../css/select2.css" /> <link rel="stylesheet" type="text/css" href="../css/swiper-bundle.min.css" /> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="../css/common.css?ver=2367" /> <link rel="stylesheet" type="text/css" href="../css/main.css?" /> <script type="text/javascript" src="../js/jquery-1.11.2.min.js"></script> <script type="text/javascript" src="../js/select2.min.js"></script> <script type="text/javascript" src="../js/common.js"></script> <script type="text/javascript" src="../js/extend.js"></script><!-- 지우지마세요 --> <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="shortcut icon" href="data:image/x-icon" type="image/x-icon"> <!-- main js --> <script type="text/javascript" src="../js/fullPage.js?"></script> <script type="text/javascript" src="../js/main_visual.js"></script> <script type="text/javascript" src="../js/amazon_scroller.js"></script> <script type="text/javascript" src="../js/main.js?"></script> <script type="text/javascript" src="../js/swiper-bundle.min.js"></script> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> <!-- 네이버 애널리틱스 --> <script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> <script type="text/javascript"> if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = "3f869d6cb8ca04"; wcs_do(); </script> <!-- 네이버 애널리틱스 --> <!-- Global site tag (gtag.js) - Google Ads: 10926518223 --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-10926518223"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-10926518223'); </script> </head> <body class="main"> <!-- accessibility --> <div id="accessibility"> <a href="#fullpage">본문 바로가기</a> <a href="#gnb">주메뉴 바로가기</a> </div> <!-- //accessibility --> <!-- header --> <div id="header"> <h1 class="logo"><a href="/front/"></a></h1> <a id="open_mn" class="mobile" href="#gnb">메뉴열기</a> <div class="mask"></div> <!-- gnb --> <nav id="gnb"> <div class="mask"></div> <div id="close_mn"><a href="#">닫기</a></div> <ul class="util" style="right: 210px;"> <li><a href="/front/member/member_login.php" class="login">로그인</a></li> <!-- <li><a href="" class="join">회원가입</a></li> --> </ul> <div class="right_link" style="width: auto;"> <a href="https://www.facebook.com/KOREA.DIOPS" target="_blank" class="link1">페이스북</a> <a href="https://pf.kakao.com/_xlxcxlSxb" target="_blank" class="link2">카카오톡</a> <a href="https://www.instagram.com/diopssecretariat/" target="_blank" class="link3">인스타그램</a> <select class="select2" style="width:80px;" title="언어" onchange="location.href=this.value"> <option value="/front/index.php?lang=KOR" selected="selected">KOR</option> <option value="/front/index.php?lang=ENG">ENG</option> <option value="/front/index.php?lang=CHI">CHI</option> <option value="/front/index.php?lang=JPN">JPN</option> </select> <!--<div class="lang"> <a href="/front/index.php?lang=KOR" target="_self"><img src="/images/common/icon_kor.png" class="valign_b" /></a> <a href="/front/index.php?lang=ENG" target="_self" class="eng">ENG</a> <a href="/front/index.php?lang=CHI" target="_self" class="chi">CHI</a> <a href="/front/index.php?lang=JPN" target="_self" class="jpn">JPN</a> </div>--> <!-- <div class="intro"><a href="/front/online/intro.php">INTRO</a></div> --> </div> <ul class="menu"> <!--<li><a href="/html/online_index.asp">온라인상품관</a> <ul class="submenu"> <li><a href="/html/online_index.asp">온라인상품관</a></li> <li><a href="/html/online_efis.asp">EFIS특별관</a></li> <li><a href="/html/online_special.asp">특약브랜드관</a></li> <li><a href="/html/online_celeb.asp">셀럽관</a></li> </ul> </li>--> <li><a href="https://www.diops.co.kr/front/sub/sub01_01.php">개요</a> <ul class="submenu"> <li><a href="/front/sub/sub01_01.php">개요</a></li> <li><a href="/front/sub/sub01_02.php">주요일정</a></li> <li><a href="/front/sub/sub01_06.php">DIOPS 혁신상</a></li> <li><a href="/front/sub/sub01_03.php">History</a></li> <!-- <li><a href="/front/sub/sub01_04.php">DIOPS BI</a></li> --> <li><a href="/front/sub/sub01_05.php">사무국</a></li> </ul> </li> <li><a href="https://www.diops.co.kr/front/sub/sub02_09.php">참가신청</a> <ul class="submenu"> <li><a href="/front/sub/sub02_09.php">참가신청</a></li> <li><a href="/front/sub/sub02_08.php">참가확인</a></li> <!--<li><a href="/front/sub/sub02_07.php">부스단가표</a></li>--> <li><a href="/front/sub/sub02_02.php">참가업체매뉴얼</a></li> <li><a href="/front/sub/sub02_03.php">2025 부스배치도</a></li> <!--<li><a href="/front/sub/sub02_06.php">2024참가업체</a></li>--> <!--<li><a href="http://www.eyewearkorea.com/page_diops.php" target="_blank">온라인홍보관</a></li> <li><a href="/front/sub/sub02_04.php">스폰서프로그램</a></li> --> </ul> </li> <li><a href="https://www.diops.co.kr/front/sub/sub03_01.php">참관신청</a> <ul class="submenu"> <li><a href="/front/sub/sub03_01.php">사전등록 신청</a></li> <!-- <li><a href="/html/sub03_01.asp">참관안내 및 신청</a></li> <li><a href="/html/sub03_02.asp">사전등록 신청</a></li> --> </ul> </li> <li><a href="https://www.diops.co.kr/front/board/list.php?code=notice">정보센터</a> <ul class="submenu"> <li><a href="/front/board/list.php?code=notice">공지사항</a></li> <li><a href="/front/board/list.php?code=letter">E-뉴스레터</a></li> <li><a href="/front/board/list.php?code=news">PRESS</a></li> <li><a href="/front/sub/sub04_04.php">해외전시회일정</a></li> <li><a href="/front/sub/sub04_05.php">편의정보</a></li> <li><a href="https://www.exco.co.kr/facility/sub0505.html" target="_blank">엑스코 지정등록업체</a></li> <li><a href="/file/2025/diops_brochure.pdf" target="_blank">디렉토리북</a></li> </ul> </li> </ul> </nav> <!-- //gnb --> </div> <!-- //header --><script> // 자바스크립트에서 사용하는 전역변수 선언 var g5_url = "http://www.diops.co.kr/pg"; var g5_bbs_url = "http://www.diops.co.kr/pg/bbs"; var g5_is_member = ""; var g5_is_admin = ""; var g5_is_mobile = ""; var g5_bo_table = ""; var g5_sca = ""; var g5_editor = ""; var g5_cookie_domain = ""; </script> <link rel="stylesheet" href="https://ycorp.co.kr/webi/css/styles.css" /> <script src="https://ycorp.co.kr/webi/js/webi.js"></script> <script type="text/javascript"> webiObj.initEvent(); </script> <script> const is_parti = "n"; $(function() { $(".hd_pops_reject").click(function() { var id = $(this).attr('class').split(' '); var ck_name = id[1]; var exp_time = parseInt(id[2]); $("#"+id[1]).css("display", "none"); set_cookie(ck_name, 1, exp_time, g5_cookie_domain); }); $('.hd_pops_close').click(function() { var idb = $(this).attr('class').split(' '); $('#'+idb[1]).css('display','none'); }); $("#hd").css("z-index", 1000); }); $(function() { $( ".hd_pops" ).draggable(); }); </script> <!-- wrap --> <div id="wrap"> <!-- sticky_link --> <aside class="sticky_link"> <button type="button" class="close">닫기</button> <a href="/front/sub/sub03_01.php"> <img src="../images/main/ico_visitor.png" alt="참관신청 아이콘" /> <span>참관신청 하러가기</span> </a> <a href="/front/sub/sub02_09.php"> <img src="../images/main/ico_registor.png" alt="참가신청 아이콘" /> <span>참가신청 하러가기</span> </a> </aside> <!-- //sticky_link --> <!-- container --> <section id="container"> <!-- contents --> <div class="content"> <!-- main_visual --> <div class="main_visual"> <div class="bg"> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1920 865" preserveAspectRatio="xMidYMid slice"> <defs> </defs> <path class="cls-1" d="m1044.52,865v-369.43c0-93.24-75.85-169.09-169.07-169.09s-169.09,75.85-169.09,169.09v369.43"/> <path class="cls-1" d="m819.09,865v-369.43c0-31.08,25.28-56.36,56.36-56.36s56.34,25.28,56.34,56.36v369.43"/> <path class="cls-1" d="m931.8,0v37.98c0,31.08-25.28,56.36-56.36,56.36s-56.34-25.28-56.34-56.36V0"/> <path class="cls-1" d="m706.36,0v37.98c0,93.24,75.85,169.09,169.07,169.09s169.09-75.85,169.09-169.09V0"/> <g> <path class="cls-1" d="m480.89,0v450.89c0,31.13,25.24,56.36,56.36,56.36s56.36-25.24,56.36-56.36V0"/> <path class="cls-1" d="m593.61,865v-85.55c0-31.13-25.24-56.36-56.36-56.36s-56.36,25.24-56.36,56.36v85.55"/> </g> <path class="cls-1" d="m199.5,165.74H30v670.15h169.71c92.87-.34,168.45-76.22,168.45-169.11v-331.95c0-92.92-75.58-168.77-168.66-169.09Zm55.93,501.04c0,30.94-25.12,56.23-56.04,56.38h-56.66v-444.7h56.59c30.94.09,56.11,25.38,56.11,56.36v331.95Z"/> <path class="cls-1" d="m1326.39,44.77h-169.09v619.96c0,31.12,25.24,56.36,56.36,56.36s56.36-25.24,56.36-56.36v-281.84h56.36c93.22,0,169.04-75.83,169.04-169.02s-75.83-169.09-169.04-169.09Zm0,225.39h-56.36v-112.66h56.36c31.06,0,56.32,25.28,56.32,56.36s-25.26,56.3-56.32,56.3Z"/> <g> <path class="cls-1" d="m1709.06,865l-25.55-28.64-2.19-2.31c-10.66-10.68-16.52-24.85-16.52-39.86,0-31.1,25.28-56.39,56.36-56.39s56.34,25.28,56.34,56.39,25.24,56.36,56.36,56.36,56.36-25.24,56.36-56.36c0-93.24-75.85-169.11-169.07-169.11s-169.09,75.87-169.09,169.11c0,24.85,5.34,48.89,15.47,70.81"/> <path class="cls-1" d="m1561.67,0c8.1,22.94,21.18,44.02,38.69,61.9l90.1,101.19,68.1,76.53,2.19,2.31c10.66,10.68,16.52,24.85,16.52,39.86,0,31.1-25.28,56.39-56.36,56.39s-56.34-25.28-56.34-56.39-25.24-56.36-56.36-56.36-56.36,25.24-56.36,56.36c0,93.24,75.85,169.11,169.07,169.11s169.09-75.87,169.09-169.11c0-44.52-17.01-86.49-48.16-118.3L1696.17,0"/> </g> </svg> </div> <div class="inr"> <div class="left"> <div class="tit" data-aos="fade-right" data-aos-delay="2500" data-aos-easing="ease-out"> <img src="../images/main/visual_tit.png" alt="제22회 대구국제안경전 DIOPS"/> </div> <div class="txt" data-aos="fade-right" data-aos-delay="2600" data-aos-easing="ease-out"> <img src="../images/main/visual_txt.png" alt="2024.4.3~2023.4.5 exco 서관 1,2홀"/> </div> </div> <div class="right"> <div class="banner" data-aos="fade-right" data-aos-delay="2800" data-aos-easing="ease-out"> <!-- controls --> <div class="controls"> <div class="inr"> <div class="pagination"> <div class="progress"> <span></span> </div> <div class="count"></div> </div> <div class="buttons"> <div class="btn_ctl btn_prev"> <span>Prev</span> </div> <div class="btn_ctl btn_play"></div> <div class="btn_ctl btn_next"> <span>Next</span> </div> </div> </div> </div> <!-- //controls --> <div class="swiper banner1"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="../images/main/visual1.jpg"/> </div> <div class="swiper-slide"> <img src="../images/main/visual2.jpg"/> </div> <div class="swiper-slide"> <img src="../images/main/visual3.jpg"/> </div> </div> </div> </div> </div> </div> </div> <!-- //main_visual --> <!-- area_about --> <div class="conts area_about"> <div class="inr"> <h3 class="cont_tit">WITH <strong>DIOPS</strong></h3> <p class="cont_txt">DIOPS 참여를 위한 신청 및 서식 안내입니다.</p> <ul data-aos="fade-up"> <li> <a href="/front/sub/sub02_09.php"> <span>Become an exhibitor</span> <h5>참가신청</h5> <p>대구국제안경전 <br class="d_none_lg">참가 원하는 업체는 <br>이곳에서 신청 가능합니다.</p> </a> </li> <li> <a href="/front/sub/sub03_01.php"> <span>Visitor registration</span> <h5>참관신청</h5> <p>기업 및 개인이 <br>참관을 신청할 수 있습니다.</p> </a> </li> <li> <a href="/file/2025/diops_brochure.pdf" target="_blank"> <span>Brochure</span> <h5>참가브로슈어</h5> <p>대구국제안경전 브로슈어를 <br>다운받을 수 있습니다.</p> </a> </li> <li> <a href="/front/sub/sub04_05.php"> <span>Information</span> <h5>편의정보</h5> <p>대구국제안경전 <br class="d_none_lg">교통정보, 숙박, 주변음식점, <br>관광을 알려드립니다.</p> </a> </li> </ul> </div> </div> <!-- //area_about --> <!-- area_slider --> <div class="conts area_slider"> <div class="swiper banner2"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="../images/main/image1.jpg" alt="DIOPS전시회사진1"/> </div> <div class="swiper-slide"> <img src="../images/main/image2.jpg" alt="DIOPS전시회사진2"/> </div> <div class="swiper-slide"> <img src="../images/main/image3.jpg" alt="DIOPS전시회사진3"/> </div> </div> </div> </div> <!-- //area_slider --> <!-- area_partners --> <div class="conts area_partners"> <div class="inr"> <h3 class="cont_tit"><strong>DIOPS</strong> PARTNERS</h3> <ul data-aos="fade-up"> <li> <a href="http://www.vedere.it" target="_blank"> <img class="hover_img" src="../images/main/partner_01.jpg" alt="VEDERE"> <img src="../images/main/partner_01_bk.png" alt="VEDERE"> </a> </li> <li> <a href="http://www.mido.com" target="_blank"> <img class="hover_img" src="../images/main/partner_04.jpg" alt="MIDO"> <img src="../images/main/partner_04_bk.png" alt="MIDO"> </a> </li> <li> <a href="http://www.2020europe.com" target="_blank"> <img class="hover_img" src="../images/main/partner_06.jpg" alt="20/20 EUROPE"> <img src="../images/main/partner_06_bk.png" alt="20/20 EUROPE"> </a> </li> <li> <a href="http://www.silmoparis.com" target="_blank"> <img class="hover_img" src="../images/main/partner_07.jpg" alt="SILMO"> <img src="../images/main/partner_07_bk.png" alt="SILMO"> </a> </li> <li> <a href="https://www.opti.de" target="_blank"> <img class="hover_img" src="../images/main/partner_18.jpg" alt="OPTI"> <img src="../images/main/partner_18_bk.png" alt="OPTI"> </a> </li> <li> <a href="https://www.ioft.jp/en-gb.html" target="_blank"> <img class="hover_img" src="../images/main/partner_19.jpg" alt="IOFT2022"> <img src="../images/main/partner_19_bk.png" alt="IOFT2022"> </a> </li> <li> <a href="https://linktr.ee/lyf_mag" target="_blank"> <img class="hover_img" src="../images/main/partner_20.jpg" alt="LYF Magazine"> <img src="../images/main/partner_20_bk.png" alt="LYF Magazine"> </a> </li> <li> <a href="http://www.opticweekly.com" target="_blank"> <img class="hover_img" src="../images/main/partner_22.jpg" alt="OpticWeekly"> <img src="../images/main/partner_22_bk.png" alt="OpticWeekly"> </a> </li> <li> <a href="https://www.dailyeye.co.kr/" target="_blank"> <img class="hover_img" src="../images/main/partner_23.jpg" alt="데일리아이"> <img src="../images/main/partner_23_bk.png" alt="데일리아이"> </a> </li> <li> <a href="https://www.opticnews.co.kr/" target="_blank"> <img class="hover_img" src="../images/main/partner_24.jpg" alt="한국안경신문"> <img src="../images/main/partner_24_bk.png" alt="한국안경신문"> </a> </li> <li> <a href="https://www.fneyefocus.com/" target="_blank"> <img class="hover_img" src="../images/main/partner_25.jpg" alt="fn아이포커스"> <img src="../images/main/partner_25_bk.png" alt="fn아이포커스"> </a> </li> <li> <a href="https://www.xmiof.cn/?lang=cn" target="_blank"> <img class="hover_img" src="../images/main/partner_26.jpg" alt="XMIOF"> <img src="../images/main/partner_26_bk.png" alt="XMIOF"> </a> </li> <li> <a href="https://www.opticsfair.cn/" target="_blank"> <img class="hover_img" src="../images/main/partner_27.jpg" alt="WOF"> <img src="../images/main/partner_27_bk.png" alt="WOF"> </a> </li> <li> <a href="https://www.sipremium.com/" target="_blank"> <img class="hover_img" src="../images/main/partner_28.jpg" alt="서울국제소싱페어"> <img src="../images/main/partner_28_bk.png" alt="서울국제소싱페어"> </a> </li> <li> <a href="https://www.opticallife.co.kr/" target="_blank"> <img class="hover_img" src="../images/main/partner_29.jpg" alt="안경원라이프"> <img src="../images/main/partner_29_bk.png" alt="안경원라이프"> </a> </li> <!-- <li><a href="https://www.fneyefocus.com" target="_blank"><img src="../images/main/partner_21.jpg" alt="fn아이포커스" /></a></li> --> <!--<li><a href="http://www.mivision.com.au" target="_blank"><img src="../images/main/partner_08.jpg" alt="" /></a></li> <li><a href="http://www.visionexpoeast.com" target="_blank"><img src="../images/main/partner_09.jpg" alt="" /></a></li> <li><a href="#" target="_blank"><img src="../images/main/partner_10.jpg" alt="" /></a></li> <li><a href="http://www.blinkmagazine.eu/" target="_blank"><img src="../images/main/partner_11.jpg" alt="" /></a></li> <li><a href="http://www.optica-expo.ru" target="_blank"><img src="../images/main/partner_12.jpg" alt="" /></a></li> <li><a href="http://www.opticsfair.com/" target="_blank"><img src="../images/main/partner_13.jpg" alt="" /></a></li> <li><a href="http://www.gziof.com" target="_blank"><img src="../images/main/partner_14.jpg" alt="" /></a></li> <li><a href="https://silmobangkok.com/" target="_blank"><img src="../images/main/partner_15.jpg" alt="" /></a></li> <li><a href="http://www.opticianindia.com/" target="_blank"><img src="../images/main/partner_16.jpg" alt="" /></a></li> <li><a href="#" target="_blank"><img src="../images/main/partner_17.jpg" alt="" /></a></li>--> <!--<li><a href="http://www.opticmagazine.ru" target="_blank"><img src="../images/main/partner_02.jpg" alt="" /></a></li> <li><a href="http://www.visionplusmag.com" target="_blank"><img src="../images/main/partner_03.jpg" alt="" /></a></li>--> <!--<li><a href="http://www.eyezonemag.com" target="_blank"><img src="../images/main/partner_05.jpg" alt="" /></a></li>--> </ul> </div> </div> <!-- area_partners --> <!-- //footer --> <footer id="footer"> <div class="footer_logo"> <a href="http://www.eyenshop.com" target="_blank"><img src="/images/common/logo_footer.jpg" alt="DIOPS" /></a> </div> <div class="footer_in"> <div class="logo"> <a href="https://www.daegu.go.kr/index.do" target="_blank"><img src="/images/common/banner_footer_01.jpg" alt="대구광역시" /></a><br/> <a href="http://www.koia.or.kr" target="_blank"><img src="../images/common/banner_footer_02.jpg" alt="(재)한국안광학산업진흥원" /></a><br/> <a href="https://www.eyewearportal.or.kr/" target="_blank"><img src="/images/common/banner_footer_05.jpg" alt="아이웨어포털" /></a><br/> <a href="http://www.eyenshop.com" target="_blank"><img src="/images/common/banner_footer_03.jpg" alt="아이엔샵 eyenshop" /></a><br/> <a href="http://www.eyewearkorea.com" target="_blank"><img src="/images/common/banner_footer_04.jpg" alt="euewear korea.com" /></a><br/> <a href="http://opticalsurface.co.kr" target="_blank"><img src="/images/common/banner_footer_06.jpg" alt="안경테표면처리센터" /></a><br/> <a href="http://eyevil.or.kr" target="_blank"><img src="/images/common/banner_footer_07.jpg" alt="eyevil" /></a> </div> <address> <strong>DIOPS 대구국제안경전</strong><br/> 상호명 : 한국안광학산업진흥원 대표자 : 김종한 사업자등록번호 : 504-82-09945 <br/> 전화번호 : 053-350-7841~4 팩스번호 : 053-353-7812<br/> DIOPS사무국 : 대구광역시 북구 노원로 169 한국안광학산업진흥원 7F<br/> 전시장 : 대구광역시 북구 산격2동 엑스코로 10 EXCO </address> <p class="copy">Copyright ⓒ DIOPS. All rights reserved.</p> <ul class="footer_menu"> <li><a href="/front/sub/sub01_05.php">찾아오시는 길</a></li> <li><a href="/front/agree/privacy_policy.php">개인정보취급방침</a></li> <li><a href="/front/agree/use_policy.php">이용약관</a></li> <li><a href="/front/agree/email_policy.php">이메일무단수집거부</a></li> </ul> <!--<a href="#" id="btn_top">위로</a>--> </div> </footer> <!-- //footer --> </div> <!-- content --> </section> <!-- //container --> </div> <script> AOS.init(); </script> <!-- swiper11 --> <script> // const progressLine = document.querySelector('.progress'); var mainVisualSlider = new Swiper(".banner1", { slidesPerView: 1, loop: true, effect: "fade", autoplay: { delay: 3000, disableOnInteraction: false, }, pagination: { el: ".count", type: "fraction", }, navigation: { nextEl: ".btn_next", prevEl: ".btn_prev", }, }); mainVisualSlider.autoplay.stop(); var swiper2 = new Swiper('.banner2', { slidesPerView: 1, loop: true, effect: "fade", autoplay: { delay: 3000, disableOnInteraction: false, }, }); </script> <script> $(function(){ const progressLine = document.querySelector('.progress'); // 페이지 로드 후 3초 뒤에 autoplay를 활성화 setTimeout(function() { mainVisualSlider.autoplay.start(); // autoplay 시작 mainVisualSlider.on('slideChange', function(){ //slide 바뀔 때 마다 실행할 이벤트 progressLine.classList.remove('on'); setTimeout(function(){ progressLine.classList.add('on'); },50); }); progressLine.classList.add('on'); //progress 애니메이션 }, 3000); // 3초 지연 //sticky_link $(".sticky_link button").on('click', function(){ $(".sticky_link").hide(); }); //컨텐츠 높이값 let wWidth = $(window).width(); let wHeight = $(window).height(); if(wWidth > 1280){ $(".main_visual").css('height', wHeight); } //swiper play/pause $(".btn_play").off('click.swiperPlay').on('click.swiperPlay',function(){ let target = $(this); if(target.hasClass('pause')){ //재생 target.removeClass('pause'); //mainVisualSlider.autoplay.start(); mainVisualSlider.autoplay.resume(); }else {//멈춤 target.addClass('pause'); //mainVisualSlider.autoplay.stop(); mainVisualSlider.autoplay.pause(); } }); $(".btn_next, .btn_prev").off('click.swiperNav').on('click.swiperNav', function(){ let target = $(".btn_play"); if(target.hasClass('pause')){ //재생 target.removeClass('pause'); } }); }); </script> <!-- diops 추가 --> <script type="text/javascript"> // https://select2.github.io/examples.html $(".select2").select2({ minimumResultsForSearch: Infinity }); </script> <!-- diops 추가 END --> <script type="text/javascript"> $(function() { /* 인풋데이트 */ var option = {changeMonth: true, changeYear: true, gotoCurrent: false, yearRange:'-100:+1', onSelect:function(){ $(this).prev('input[type="hidden"]').val(this.value.replace(/-/g,""))} }; $.extend(option,$.datepicker.regional['ko']); $("input.date_input").datepicker(option).css({'width':'90px','text-align':'center'}); }); </script> </body> </html> <script type="text/javascript"> function close_layer(id, expire_hour) { set_cookie(id, id, expire_hour); hide_id(id); } function hide_id(id) { $('#'+id).hide(); } </script>