전자파간섭진단시스템으로 평창동계올림픽 성공적 개최에 이바지하다.
휴라는 국립전파연구원에서 운용하는 전자파진단시스템을 작년(2017년)에 한국전자통신연구원과 같이 개발하였으며 평창 동계올림픽 및 패럴림픽 기간에 설치, 운용지원, 유지관리를 맡아 평창올림픽에 참여하게 되었습니다. 전세계에서 다양하고 많은 무선기기가 운용되는 평창 동계올림픽의 안정적인 운용을 위해 최선을 다하겠습니다. *{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'); }