'2021년 ICT 기술사업화 페스티벌' 참여
저희 (주)휴라는 2021년 4월 21일~23일까지 서울 코엑스에서 진행된 <ICT 기술사업화 페스티벌>에 참여하였습니다. 이번 행사는 과학기술정보통신부 주관으로, 코로나19의 어려움 속에서도 약 3만명 정도가 방문하였다고 합니다. 이번 전시회에서 저희 휴라는 대표 상품인 EdgeRFⓇ (전파측정 수신기)의 첫선을 보였습니다. EdgeRFⓇ 를 많은 분들께 알릴 수 있어 영광이었고, 관심을 가져주셔서 감사하였습니다. 더욱 개선된 모습으로, 다양한 전시회를 통하여 찾아뵙도록 하겠습니다. *{margin:0; padding:0; list-style:none;} a{text-decoration:none; color:#666;} a:hover{color:#1bc1a3;} #wrapper{ width:600px; margin:50px auto; height:400px; position:relative; color:#fff; text-shadow:rgba(0,0,0,0.1) 2px 2px 0px; } #slider-wrap{ width:600px; height:400px; position:relative; overflow:hidden; } #slider-wrap ul#slider{ width:100%; height:100%; position:absolute; top:0; left:0; } #slider-wrap ul#slider li{ float:left; position:relative; width:600px; height:400px; } #slider-wrap ul#slider li > div{ position:absolute; top:20px; left:35px; } #slider-wrap ul#slider li > div h3{ font-size:36px; text-transform:uppercase; } #slider-wrap ul#slider li > div span{ font-family: Neucha, Arial, sans serif; font-size:21px; } #slider-wrap ul#slider li img{ display:block; width:100%; height: 100%; } /*btns*/ .btns{ position:absolute; width:50px; height:60px; top:50%; margin-top:-25px; line-height:57px; text-align:center; cursor:pointer; background:rgba(0,0,0,0.1); z-index:100; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -ms-transition: all 0.1s ease; transition: all 0.1s ease; } .btns:hover{ background:rgba(0,0,0,0.3); } #next{right:-50px; border-radius:7px 0px 0px 7px;} #previous{left:-50px; border-radius:0px 7px 7px 7px;} #counter{ top: 30px; right:35px; width:auto; position:absolute; } #slider-wrap.active #next{right:0px;} #slider-wrap.active #previous{left:0px;} /*bar*/ #pagination-wrap{ min-width:20px; margin-top:350px; margin-left: auto; margin-right: auto; height:15px; position:relative; text-align:center; } #pagination-wrap ul { width:100%; } #pagination-wrap ul li{ margin: 0 4px; display: inline-block; width:5px; height:5px; border-radius:50%; background:#fff; opacity:0.5; position:relative; top:0; } #pagination-wrap ul li.active{ width:12px; height:12px; top:3px; opacity:1; box-shadow:rgba(0,0,0,0.1) 1px 1px 0px; } /*ANIMATION*/ #slider-wrap ul, #pagination-wrap ul li{ -webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1); -moz-transition: all 0.3s cubic-bezier(1,.01,.32,1); -o-transition: all 0.3s cubic-bezier(1,.01,.32,1); -ms-transition: all 0.3s cubic-bezier(1,.01,.32,1); transition: all 0.3s cubic-bezier(1,.01,.32,1); } //current position var pos = 0; //number of slides var totalSlides = $('#slider-wrap ul li').length; //get the slide width var sliderWidth = $('#slider-wrap').width(); $(document).ready(function(){ /***************** BUILD THE SLIDER *****************/ //set width to be 'x' times the number of slides $('#slider-wrap ul#slider').width(sliderWidth*totalSlides); //next slide $('#next').click(function(){ slideRight(); }); //previous slide $('#previous').click(function(){ slideLeft(); }); /************************* //*> OPTIONAL SETTINGS ************************/ //automatic slider var autoSlider = setInterval(slideRight, 3000); //for each slide $.each($('#slider-wrap ul li'), function() { //create a pagination var li = document.createElement('li'); $('#pagination-wrap ul').append(li); }); //counter countSlides(); //pagination pagination(); //hide/show controls/btns when hover //pause automatic slide when hover $('#slider-wrap').hover( function(){ $(this).addClass('active'); clearInterval(autoSlider); }, function(){ $(this).removeClass('active'); autoSlider = setInterval(slideRight, 3000); } ); });//DOCUMENT READY /*********** SLIDE LEFT ************/ function slideLeft(){ pos--; if(pos==-1){ pos = totalSlides-1; } $('#slider-wrap ul#slider').css('left', -(sliderWidth*pos)); //*> optional countSlides(); pagination(); } /************ SLIDE RIGHT *************/ function slideRight(){ pos++; if(pos==totalSlides){ pos = 0; } $('#slider-wrap ul#slider').css('left', -(sliderWidth*pos)); //*> optional countSlides(); pagination(); } /************************ //*> OPTIONAL SETTINGS ************************/ function countSlides(){ $('#counter').html(pos+1 + ' / ' + totalSlides); } function pagination(){ $('#pagination-wrap ul li').removeClass('active'); $('#pagination-wrap ul li:eq('+pos+')').addClass('active'); }