<!doctype html>
<html>
<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;">
    <title>수원대학교 대학혁신지원사업단</title>
    <link rel="shortcut icon" href="../images/sub/favicon.ico" type="image/x-icon">
    <link rel="icon" href="../images/sub/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="../css/contents.css">
    <script src="../js/jquery-3.5.1.min.js"></script>
    <script src="../js/swiper/swiper-bundle.min.js"></script>
    <script src="../js/aos.js"></script>
    <script src="../js/common_ui.js"></script>
</head>
<body>
<ul id="accessibility">
    <li><a href="#contents">본문 바로가기</a></li>
</ul>
<div id="wrap" class="main">

    <!-- header -->
    <header>

	  <!-- header -->
	  <header id="header">
		  <div class="inner">
			  <div class="logo-block">
				  <a href="/">
					  <h1>수원대학교</h1>
					  <h2>대학혁신지원사업단</h2>
				  </a>
			  </div>
			  <div class="menu-block">
				  <button type="button" class="aside-menu">전체메뉴</button>
			  </div>
		  </div>
		  <!-- gnb -->
		  <nav id="gnb">
			  <ul>
				  <li>
					  <a href="#">사업단 소개</a>
					  <ul class="submenu">
						  <li>
							  <a href="javascript:clickMenu(&#39;/about/message&#39;)">인사말</a>
						  </li>
						  <li>
							  <a href="javascript:clickMenu(&#39;/about/organization&#39;)">조직도</a>
						  </li>
						  <li>
							  <a href="javascript:clickMenu(&#39;/about/location&#39;)">찾아오시는 길</a>
						  </li>
					  </ul>
				  </li>
				  <li>
					  <a href="#">사업소개</a>
					  <ul class="submenu">
						  <li>
							  <a href="javascript:clickMenu(&#39;/business/vision&#39;)">비전 및 목표</a>
						  </li>
						  <li>
							  <a href="javascript:clickMenu(&#39;/business/operating&#39;)">운영 체계</a>
						  </li>
					  </ul>
				  </li>
				  <li>
					  <a href="#">사업성과</a>
					  <ul class="submenu">
						  <li>
							  <a href="javascript:clickMenu(&#39;/product/product&#39;)">성과공유</a>
						  </li>
					  </ul>
				  </li>
				  <li>
					  <a href="#">커뮤니티</a>
					  <ul class="submenu">
						  <li>
							  <a href="javascript:clickMenu(&#39;/community/notice&#39;)">공지사항</a>
						  </li>
						  <li>
							  <a href="javascript:clickMenu(&#39;/community/faq&#39;)">FAQ</a>
						  </li>
						  <li>
							  <a href="javascript:clickMenu(&#39;/community/qa&#39;)">Q&A</a>
						  </li>
						  <li>
							  <a href="javascript:clickMenu(&#39;/community/news&#39;)">사업소식</a>
						  </li>
					  </ul>
				  </li>
				  <li>
					  <a href="#">자료실</a>
					  <ul class="submenu">
						  <li>
							  <a href="javascript:clickMenu(&#39;/reference/regulation&#39;)">규정 및 지침</a>
						  </li>
						  <li>
							  <a href="javascript:clickMenu(&#39;/reference/reference&#39;)">서식</a>
						  </li>
					  </ul>
				  </li>

			  </ul>
		  </nav>
		  <!-- //gnb -->

	  </header>
	  <!-- aside menu -->
	  <section class="aside-wrap">
		  <nav class="aside-nav">
			  <div class="aside-inner">
				  <ul class="lnb">
					  <li>
						  <a href="#">사업단 소개</a>
						  <ul class="submenu">
							  <li>
								  <a href="javascript:clickMenu(&#39;/about/message&#39;)">인사말</a>
							  </li>
							  <li>
								  <a href="javascript:clickMenu(&#39;/about/organization&#39;)">조직도</a>
							  </li>
							  <li>
								  <a href="javascript:clickMenu(&#39;/about/location&#39;)">찾아오시는 길</a>
							  </li>
						  </ul>
					  </li>
					  <li>
						  <a href="#">사업소개</a>
						  <ul class="submenu">
							  <li>
								  <a href="javascript:clickMenu(&#39;/business/vision&#39;)">비전 및 목표</a>
							  </li>
							  <li>
								  <a href="javascript:clickMenu(&#39;/business/operating&#39;)">운영 체계</a>
							  </li>
						  </ul>
					  </li>
					  <li>
						  <a href="#">사업성과</a>
						  <ul class="submenu">
							  <li>
								  <a href="javascript:clickMenu(&#39;/product/product&#39;)">성과공유</a>
							  </li>
						  </ul>
					  </li>
					  <li>
						  <a href="#">커뮤니티</a>
						  <ul class="submenu">
							  <li>
								  <a href="javascript:clickMenu(&#39;/community/notice&#39;)">공지사항</a>
							  </li>
							  <li>
								  <a href="javascript:clickMenu(&#39;/community/faq&#39;)">FAQ</a>
							  </li>
							  <li>
								  <a href="javascript:clickMenu(&#39;/community/qa&#39;)">Q&A</a>
							  </li>
							  <li>
								  <a href="javascript:clickMenu(&#39;/community/news&#39;)">사업소식</a>
							  </li>
						  </ul>
					  </li>
					  <li>
						  <a href="#">자료실</a>
						  <ul class="submenu">
							  <li>
								  <a href="javascript:clickMenu(&#39;/reference/regulation&#39;)">규정 및 지침</a>
							  </li>
							  <li>
								  <a href="javascript:clickMenu(&#39;/reference/reference&#39;)">서식</a>
							  </li>
						  </ul>
					  </li>
				  </ul>
			  </div>
			  <div class="close"><button type="button" class="aside-menu">닫기</button></div>
		  </nav>
		  <div class="page-overlay"></div>
	  </section>
	  <!-- //aside menu -->


    <!-- //header -->


    <!-- container -->
    <div id="container">
        <!-- contents -->
        <div id="contents">
            <!-- visual -->
            <div class="visual-area">
                <div class="visual-slider">
                    <ul class="swiper-wrapper">
                        <li class="swiper-slide item1">
                            <div class="visual-img"></div>
                        </li>
                        <li class="swiper-slide item2">
                            <div class="visual-img"></div>
                        </li>
                        <li class="swiper-slide item3">
                            <div class="visual-img"></div>
                        </li>
                        <li class="swiper-slide item4">
                            <div class="visual-img"></div>
                        </li>
                        <li class="swiper-slide item5">
                            <div class="visual-img"></div>
                        </li>
                    </ul>
                    <div class="ctrl-wrap">
                        <span class="pager"></span>
                    </div>
                    <script>
                        var visualswiper = new Swiper(".visual-slider", {
                            speed: 1000,
                            effect : 'fade',
                            loop : true,
                            loopAdditionalSlides : 1,
                            autoplay : {
                                delay : 6000,
                                disableOnInteraction : false,
                            },
                            pagination: {
                                el: ".pager",
                                clickable : true,
                                type: "bullets",
                                renderBullet: function (index, className) {
                                    return '<span class="' + className + '">' + '<i></i>' + '<em></em>'  + '</span>';
                                }
                            }
                        });
                    </script>
                </div>
                <div class="txt-wrap type6">
                    <p><span class="txt2 ani">창의와 융합으로 미래를 설계하는</span></p>
                    <p><span class="txt1 ani"><em>EDISON</em>Shift</span></p>
                </div>
                <div class="cont-link">
                    <ul>
                        <li class="link1"><a href="/about/message" >대학혁신지원사업</a></li>
                        <li class="link2"><a href="/business/operating">운영체계</a></li>
                        <li class="link3"><a href="/product/product">사업성과</a></li>
                        <li class="link4"><a href="/reference/regulation">규정 및 지침</a></li>
                        <li class="link5"><a href="/reference/reference">서식다운로드</a></li>
                    </ul>
                </div>
                <div class="scroll-down">SCROLL DOWN</div>
            </div>
            <!-- //visual -->

            <div class="section-block">
                <div class="section cont-section1" data-aos="fade-up">
                    <div class="inner">
                        <div class="title-block">
                            <h2 data-aos="fade-up">커뮤니티</h2>
                            <p data-aos="fade-up">대학혁신지원사업단의 공지 및 FAQ, 사업소식을 알려드립니다.</p>
                        </div>
                        <div class="cont-block">
                            <div class="notice-wrap" data-aos="fade-up">
                                <h3 data-aos="fade-up">공지</h3>
                                
                                <ul class="list" data-aos="fade-up">
                                    
                                </ul>
                            </div>
                            <div class="faq-wrap" data-aos="fade-up">
                                <h3 data-aos="fade-up">FAQ</h3>
                                
                            </div>
                            <div class="news-wrap" data-aos="fade-up">
                                <h3 data-aos="fade-up">사업소식</h3>
                                
                            </div>
                        </div>
                    </div>
                </div>
                <div class="section cont-section2" data-aos="fade-up">
                    <div class="inner">
                        <div class="title-block">
                            <h2 data-aos="fade-up">갤러리</h2>
                            <p data-aos="fade-up">대학혁신지원사업단의<br> 사업소식입니다.</p>
                        </div>
                        <div class="gallery-slider-wrap" data-aos="fade-up">
                            <div class="gallery-slider">
                                <ul class="swiper-wrapper">
                                    
                                </ul>
                            </div>
                            <div class="ctrl-wrap">
                                <button type="button" class="btn-prev">이전</button>
                                <button type="button" class="btn-next">다음</button>
                                <button type="button" class="btn-pause">정지</button>
                                <button type="button" class="btn-play">재생</button>
                            </div>
                            <script>
                                var galleryswiper = new Swiper(".gallery-slider", {
                                    slidesPerView : '1',
                                    spaceBetween: 24,
                                    speed:800,
                                    loop : true,
                                    loopAdditionalSlides: 1,
                                    autoplay : {
                                        delay : 5000,
                                        disableOnInteraction : false,
                                    },
                                    navigation: {
                                        nextEl: ".btn-next",
                                        prevEl: ".btn-prev",
                                    },
                                    breakpoints: {
                                        450: {
                                            slidesPerView : 'auto',
                                        },
                                    }
                                });
                                $('.gallery-slider-wrap .ctrl-wrap .btn-pause').click(function() {
                                    galleryswiper.autoplay.stop();
                                    $(this).hide().next('.btn-play').show().focus();
                                });
                                $('.gallery-slider-wrap .ctrl-wrap .btn-play').click(function() {
                                    galleryswiper.autoplay.start();
                                    $(this).hide().prev('.btn-pause').show().focus();
                                });
                            </script>
                        </div>
                    </div>
                </div>
                <div class="section cont-section3" data-aos="fade-up">
                    <div class="inner">
                        <div class="title-block">
                            <h2 data-aos="fade-up">자주찾는 메뉴<br> 바로가기</h2>
                            <p data-aos="fade-up">수원대학교 자주찾는<br> 주요서비스 메뉴입니다.</p>
                        </div>
                        <div class="favourite-slider-wrap" data-aos="fade-up">
                            <div class="favourite-slider">
                                <ul class="swiper-wrapper">
                                    <li class="swiper-slide cover item1">
                                        <a href="https://portal.suwon.ac.kr/enview/index.html">
                                            <div class="item-box">
                                                <span class="ico"></span>
                                                <p>수원대학교 포털시스템</p>
                                            </div>
                                            <i class="round"></i>
                                        </a>
                                    </li>
                                    <li class="swiper-slide cover item2">
                                        <a href="#">
                                            <div class="item-box">
                                                <span class="ico"></span>
                                                <p>전공설계지원센터</p>
                                            </div>
                                            <i class="round"></i>
                                        </a>
                                    </li>
                                    <li class="swiper-slide cover item3">
                                        <a href="https://ctl.suwon.ac.kr/?menuno=451">
                                            <div class="item-box">
                                                <span class="ico"></span>
                                                <p>교수학습개발센터</p>
                                            </div>
                                            <i class="round"></i>
                                        </a>
                                    </li>
                                    <li class="swiper-slide cover item4">
                                        <a href="https://career.suwon.ac.kr/">
                                            <div class="item-box">
                                                <span class="ico"></span>
                                                <p>취업지원처</p>
                                            </div>
                                            <i class="round"></i>
                                        </a>
                                    </li>
                                    <li class="swiper-slide cover item5">
                                        <a href="https://coun.suwon.ac.kr/?menuno=246">
                                            <div class="item-box">
                                                <span class="ico"></span>
                                                <p>학생생활상담연구소</p>
                                            </div>
                                            <i class="round"></i>
                                        </a>
                                    </li>
                                    <li class="swiper-slide cover item6">
                                        <a href="https://wow.suwon.ac.kr/?menuno=2323">
                                            <div class="item-box">
                                                <span class="ico"></span>
                                                <p>창업지원단</p>
                                            </div>
                                            <i class="round"></i>
                                        </a>
                                    </li>
                                    <li class="swiper-slide cover item7">
                                        <a href="https://service.suwon.ac.kr/?menuno=372">
                                            <div class="item-box">
                                                <span class="ico"></span>
                                                <p>사회봉사센터</p>
                                            </div>
                                            <i class="round"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="ctrl-wrap">
                                <button type="button" class="btn-prev2">이전</button>
                                <button type="button" class="btn-next2">다음</button>
                                <button type="button" class="btn-pause2">정지</button>
                                <button type="button" class="btn-play2">재생</button>
                            </div>
                            <script>
                                var favouriteswiper = new Swiper(".favourite-slider", {
                                    slidesPerView : '1',
                                    spaceBetween: 24,
                                    speed:800,
                                    loop : true,
                                    loopAdditionalSlides: 1,
                                    autoplay : {
                                        delay : 5000,
                                        disableOnInteraction : false,
                                    },
                                    navigation: {
                                        nextEl: ".btn-next2",
                                        prevEl: ".btn-prev2",
                                    },
                                    breakpoints: {
                                        450: {
                                            slidesPerView : 'auto',
                                        },
                                    }
                                });
                                $('.favourite-slider-wrap .ctrl-wrap .btn-pause2').click(function() {
                                    favouriteswiper.autoplay.stop();
                                    $(this).hide().next('.btn-play2').show().focus();
                                });
                                $('.favourite-slider-wrap .ctrl-wrap .btn-play2').click(function() {
                                    favouriteswiper.autoplay.start();
                                    $(this).hide().prev('.btn-pause2').show().focus();
                                });
                            </script>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- contents -->
    </div>
    <!-- //container -->

    <script>
        function setCookie(name, value, expiredays) {
            var todaydate = new Date();

            todaydate.setDate(todaydate.getDate() + expiredays);
            document.cookie = name + "=" + escape( value ) + "; path=/; expires=" +  + todaydate.toGMTString() + + ";";
        }
    </script>
    <!-- modal popup -->
    </div>
</body>
</html>
