CINXE.COM

목암과학장학재단

<!DOCTYPE html> <html lang="ko"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi"/> <meta name="format-detection" content="telephone=no" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="title" content="목암과학장학재단"> <meta name="keywords" content="장학금, 학술, 과학, 인재육성"> <meta name="subject" content="목암과학장학재단"> <meta name="description" content="목암과학장학재단은 미래의 과학한국을 선도해 나갈 젊은 과학도들을 적극 발굴하여 장학금과 연구비를 지원함으로써 과학기술 및 국가 발전에 공헌하기 위해서 설립된 공익법인입니다."> <meta name="copyright" content=""> <meta name="author" content=""> <meta property="og:type" content="website"> <meta property="og:title" content="목암과학장학재단"> <meta property="og:description" content="목암과학장학재단은 미래의 과학한국을 선도해 나갈 젊은 과학도들을 적극 발굴하여 장학금과 연구비를 지원함으로써 과학기술 및 국가 발전에 공헌하기 위해서 설립된 공익법인입니다."> <meta property="og:image" content="og-image.jpg"> <meta property="og:url" content="http://www.mogamfoundation.or.kr"> <meta name="robots" content="all" /> <title>목암과학장학재단</title> <link rel="icon" href="/fa.ico"> <link href="/css/master.css?ver=1" rel="stylesheet" type="text/css" /> <link href="css/board.css" rel="stylesheet" type="text/css" /> <link href="/css/board_comment.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="/js/jquery.min.js"></script> <script type="text/javascript" src="/js/jquery.flexisel.js"></script> <script type="text/javascript" src="/js/jquery.easing.1.3.js"></script> <script type="text/javascript" src="/js/function.js?ver=20241127195328"></script> <script type="text/javascript" src="/js/jquery-ui.min.js"></script> <link href="/js/jquery-ui.min.css" rel="stylesheet" type="text/css" /> <script type='text/javascript' src='/js/froala/froala_editor.pkgd.min.js'></script> <script type='text/javascript' src='/js/froala/languages/ko.js'></script> <link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet' type='text/css' /> <link href='/css/froala/froala_style.min.css' rel='stylesheet' type='text/css' /> <link href='/css/froala/froala_editor.pkgd.min.css' rel='stylesheet' type='text/css' /> <!--slide js--> <link rel="stylesheet" type="text/css" href="/js/swiper/swiper.min.css"> <script src="/js/swiper/swiper.min.js" type="text/javascript"></script> <!-- effect --> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.1/gsap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.1/ScrollTrigger.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ //datepicker $(".jq_datepicker").attr("autocomplete", "off").datepicker({ dateFormat: "yy-mm-dd", prevText: '이전 달', nextText: '다음 달', monthNames: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'], //월 이름 monthNamesShort: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'], // dayNames: ['일', '월', '화', '수', '목', '금', '토'], dayNamesShort: ['일', '월', '화', '수', '목', '금', '토'], dayNamesMin: ['일', '월', '화', '수', '목', '금', '토'], showMonthAfterYear: true, yearSuffix: '년' }); //검색란 keydown이벤트 바인딩 $("[name=s_string]").keydown(function(event){ if(event.keyCode==13) goSearch(); }); //에디터 빈영역 클릭 시 포커스 이동 $("body").on("click", ".fr-wrapper", function(){ $(this).find(".fr-view:first").focus(); }); }); </script> </head> <body> <!-- 스킵 네비게이션 --> <a href="#sub-container" class="sknavi">콘텐츠 바로가기</a> <a href="#gnb" class="sknavi">주메뉴 바로가기</a> <a href="#footer" class="sknavi">하단영역 바로가기</a> <!-- wrap --> <div id="wrap"> <!-- modal --> <div id="modal" class="gnb"></div> <!-- header --> <header id="header"> <div class="container"> <h1 id="logo"> <a href="/"> <span class="hidden">목암과학장학재단</span> <img src="/images/common/logo.svg"> </a> </h1> <!-- 메인메뉴 --> <div class="gnb-bg"> <div class="container"> <p class="txt">많은 열매를 맺는 <br>한 알의 밀알이 되어 <br>과학한국을 이끌어갑니다.</p> </div> </div> <nav id="gnb" class="gnb"> <ul class="gnb_depth1"> <li> <a class="dev_link depth1" href="/sub/com/com01.asp?scrID=0000000207&pageNum=1&subNum=1&ssubNum=1" target=""> <span>재단소개</span> </a> <ul class="gnb_depth2"> <li> <a class="dev_link" href="/sub/com/com01.asp?scrID=0000000207&pageNum=1&subNum=1&ssubNum=1" target=""> <span>설립취지</span> </a> </li> <li> <a class="dev_link" href="/sub/com/com02.asp?scrID=0000000208&pageNum=1&subNum=2&ssubNum=1" target=""> <span>설립자 소개</span> </a> </li> <li> <a class="dev_link" href="/sub/com/com03.asp?scrID=0000000209&pageNum=1&subNum=3&ssubNum=1" target=""> <span>연혁</span> </a> </li> <li> <a class="dev_link" href="/board/board_online_type02/board_form.asp?scrID=0000000210&pageNum=1&subNum=4&ssubNum=1" target=""> <span>기부/후원 안내</span> </a> </li> <li> <a class="dev_link" href="/sub/com/com04.asp?scrID=0000000211&pageNum=1&subNum=5&ssubNum=1" target=""> <span>찾아오시는길</span> </a> </li> </ul> </li> <li> <a class="dev_link depth1" href="/board/board_result/board_list.asp?scrID=0000000212&pageNum=2&subNum=1&ssubNum=1" target=""> <span>장학사업</span> </a> <ul class="gnb_depth2"> <li> <a class="dev_link" href="/board/board_result/board_list.asp?scrID=0000000212&pageNum=2&subNum=1&ssubNum=1" target=""> <span>사업실적</span> </a> </li> <li> <a class="dev_link" href="/sub/bus/bus02.asp?scrID=0000000213&pageNum=2&subNum=2&ssubNum=1" target=""> <span>주요 장학사업</span> </a> </li> </ul> </li> <li> <a class="dev_link depth1" href="/board/board_basic_news_type01/board_list.asp?scrID=0000000214&pageNum=3&subNum=1&ssubNum=1" target=""> <span>장학선발</span> </a> <ul class="gnb_depth2"> <li> <a class="dev_link" href="/board/board_basic_news_type01/board_list.asp?scrID=0000000214&pageNum=3&subNum=1&ssubNum=1" target=""> <span>모집공고</span> </a> </li> <li> <a class="dev_link" href="/board/board_request/board_form.asp?scrID=0000000215&pageNum=3&subNum=2&ssubNum=1" target=""> <span>장학신청</span> </a> </li> </ul> </li> <li> <a class="dev_link depth1" href="/board/board_basic_news_type01/board_list.asp?scrID=0000000216&pageNum=4&subNum=1&ssubNum=1" target=""> <span>재단소식</span> </a> <ul class="gnb_depth2"> <li> <a class="dev_link" href="/board/board_basic_news_type01/board_list.asp?scrID=0000000216&pageNum=4&subNum=1&ssubNum=1" target=""> <span>공지사항 및 소식</span> </a> </li> <li> <a class="dev_link" href="/board/board_pdf/board_list.asp?scrID=0000000217&pageNum=4&subNum=2&ssubNum=1" target=""> <span>공익법인공시</span> </a> </li> </ul> </li> </ul> </nav> <!-- 모바일 메뉴 --> <nav id="sidenav"> <div class="m-mymenu"> <a href="/mem/login.asp?scrID=0000000223&pageNum=6&subNum=1&ssubNum=1">로그인</a> <!-- <a href="javascript:;">로그아웃</a> --> <a href="/mem/join_type01/mem_form.asp?scrID=0000000222&pageNum=7&subNum=1&ssubNum=1">회원가입</a> <!-- <a href="/mypage/my01.asp?scrID=0000000220&pageNum=5&subNum=1&ssubNum=1">마이페이지</a> --> </div> <ul class="gnb_depth1_m"> <li link="/sub/com/com01.asp?scrID=0000000207&pageNum=1&subNum=1&ssubNum=1"> <a href="/sub/com/com01.asp?scrID=0000000207&pageNum=1&subNum=1&ssubNum=1" class="depth1_m"> <span>재단소개</span> </a> <ul class="gnb_depth2_m"> <li link="/sub/com/com01.asp?scrID=0000000207&pageNum=1&subNum=1&ssubNum=1"> <a href="/sub/com/com01.asp?scrID=0000000207&pageNum=1&subNum=1&ssubNum=1" class="depth2_m"> <p>설립취지</p> </a> </li> <li link="/sub/com/com02.asp?scrID=0000000208&pageNum=1&subNum=2&ssubNum=1"> <a href="/sub/com/com02.asp?scrID=0000000208&pageNum=1&subNum=2&ssubNum=1" class="depth2_m"> <p>설립자 소개</p> </a> </li> <li link="/sub/com/com03.asp?scrID=0000000209&pageNum=1&subNum=3&ssubNum=1"> <a href="/sub/com/com03.asp?scrID=0000000209&pageNum=1&subNum=3&ssubNum=1" class="depth2_m"> <p>연혁</p> </a> </li> <li link="/board/board_online_type02/board_form.asp?scrID=0000000210&pageNum=1&subNum=4&ssubNum=1"> <a href="/board/board_online_type02/board_form.asp?scrID=0000000210&pageNum=1&subNum=4&ssubNum=1" class="depth2_m"> <p>기부/후원 안내</p> </a> </li> <li link="/sub/com/com04.asp?scrID=0000000211&pageNum=1&subNum=5&ssubNum=1"> <a href="/sub/com/com04.asp?scrID=0000000211&pageNum=1&subNum=5&ssubNum=1" class="depth2_m"> <p>찾아오시는길</p> </a> </li> </ul> </li> <li link="/board/board_result/board_list.asp?scrID=0000000212&pageNum=2&subNum=1&ssubNum=1"> <a href="/board/board_result/board_list.asp?scrID=0000000212&pageNum=2&subNum=1&ssubNum=1" class="depth1_m"> <span>장학사업</span> </a> <ul class="gnb_depth2_m"> <li link="/board/board_result/board_list.asp?scrID=0000000212&pageNum=2&subNum=1&ssubNum=1"> <a href="/board/board_result/board_list.asp?scrID=0000000212&pageNum=2&subNum=1&ssubNum=1" class="depth2_m"> <p>사업실적</p> </a> </li> <li link="/sub/bus/bus02.asp?scrID=0000000213&pageNum=2&subNum=2&ssubNum=1"> <a href="/sub/bus/bus02.asp?scrID=0000000213&pageNum=2&subNum=2&ssubNum=1" class="depth2_m"> <p>주요 장학사업</p> </a> </li> </ul> </li> <li link="/board/board_basic_news_type01/board_list.asp?scrID=0000000214&pageNum=3&subNum=1&ssubNum=1"> <a href="/board/board_basic_news_type01/board_list.asp?scrID=0000000214&pageNum=3&subNum=1&ssubNum=1" class="depth1_m"> <span>장학선발</span> </a> <ul class="gnb_depth2_m"> <li link="/board/board_basic_news_type01/board_list.asp?scrID=0000000214&pageNum=3&subNum=1&ssubNum=1"> <a href="/board/board_basic_news_type01/board_list.asp?scrID=0000000214&pageNum=3&subNum=1&ssubNum=1" class="depth2_m"> <p>모집공고</p> </a> </li> <li link="/board/board_request/board_form.asp?scrID=0000000215&pageNum=3&subNum=2&ssubNum=1"> <a href="/board/board_request/board_form.asp?scrID=0000000215&pageNum=3&subNum=2&ssubNum=1" class="depth2_m"> <p>장학신청</p> </a> </li> </ul> </li> <li link="/board/board_basic_news_type01/board_list.asp?scrID=0000000216&pageNum=4&subNum=1&ssubNum=1"> <a href="/board/board_basic_news_type01/board_list.asp?scrID=0000000216&pageNum=4&subNum=1&ssubNum=1" class="depth1_m"> <span>재단소식</span> </a> <ul class="gnb_depth2_m"> <li link="/board/board_basic_news_type01/board_list.asp?scrID=0000000216&pageNum=4&subNum=1&ssubNum=1"> <a href="/board/board_basic_news_type01/board_list.asp?scrID=0000000216&pageNum=4&subNum=1&ssubNum=1" class="depth2_m"> <p>공지사항 및 소식</p> </a> </li> <li link="/board/board_pdf/board_list.asp?scrID=0000000217&pageNum=4&subNum=2&ssubNum=1"> <a href="/board/board_pdf/board_list.asp?scrID=0000000217&pageNum=4&subNum=2&ssubNum=1" class="depth2_m"> <p>공익법인공시</p> </a> </li> </ul> </li> </ul> </nav> <!-- 로그인 --> <div id="my-menu"> <a href="/mem/login.asp?scrID=0000000223&pageNum=6&subNum=1&ssubNum=1">로그인</a> <a href="/mem/join_type01/mem_form.asp?scrID=0000000222&pageNum=7&subNum=1&ssubNum=1">회원가입</a> </div> <!-- 모바일 햄버거 --> <div class="hamburger"> <span class="bar bar1"></span> <span class="bar bar2"></span> <span class="bar bar3"></span> </div> </div> </header> <!-- 탑버튼 --> <a id="top_btn" href="#" style="display: none;">TOP</a> <script type="text/javascript" src="/include/header/header_type01.js" defer></script> <div id="wrap_svisual" class="svisual01"> <!-- 서클 애니메이션 --> <div class="sub-circle"> <svg> <defs> <linearGradient id="gradient" x1="100%" y1="100%" x2="0%" y2="0%"> <stop offset="0%" stop-color="#e5f8f7" /> <stop offset="100%" stop-color="#e6eff7" /> </linearGradient> </defs> <circle> </svg> </div> <section class="svisual_txt"> <h3><span class='back'>재단소개</span><span class='front'>재단소개</span></h3> </section> </div> <div id="wrap_lnb"> <script> $(function(){ var lnbCount = $('.lnb li').length; $('.lnb_select').change(function(){ location.href = $(this).val(); }); var currentMenu = $('.lnb a.on'); $('.lnb li').mouseenter(function(){ $('.lnb a').removeClass('on'); $(this).find('a').addClass('on'); }); $('.lnb li').mouseleave(function(){ $(this).find('a').removeClass('on'); $(currentMenu).addClass('on'); }); }); </script> <ul class='lnb lnb01'><li class='lnb_depth1' data-value='fade-left'><a href="/sub/com/com01.asp?scrID=0000000207&pageNum=1&subNum=1&ssubNum=1" class='' >설립취지</a></li><li class='lnb_depth1' data-value='fade-left'><a href="/sub/com/com02.asp?scrID=0000000208&pageNum=1&subNum=2&ssubNum=1" class='' >설립자 소개</a></li><li class='lnb_depth1' data-value='fade-left'><a href="/sub/com/com03.asp?scrID=0000000209&pageNum=1&subNum=3&ssubNum=1" class='on' >연혁</a></li><li class='lnb_depth1' data-value='fade-left'><a href="/board/board_online_type02/board_form.asp?scrID=0000000210&pageNum=1&subNum=4&ssubNum=1" class='' >기부/후원 안내</a></li><li class='lnb_depth1' data-value='fade-left'><a href="/sub/com/com04.asp?scrID=0000000211&pageNum=1&subNum=5&ssubNum=1" class='' >찾아오시는길</a></li></ul><select class='lnb_select'><option class='green' value='/sub/com/com01.asp?scrID=0000000207&pageNum=1&subNum=1&ssubNum=1' >설립취지</option><option class='green' value='/sub/com/com02.asp?scrID=0000000208&pageNum=1&subNum=2&ssubNum=1' >설립자 소개</option><option class='green' value='/sub/com/com03.asp?scrID=0000000209&pageNum=1&subNum=3&ssubNum=1' selected>연혁</option><option class='green' value='/board/board_online_type02/board_form.asp?scrID=0000000210&pageNum=1&subNum=4&ssubNum=1' >기부/후원 안내</option><option class='green' value='/sub/com/com04.asp?scrID=0000000211&pageNum=1&subNum=5&ssubNum=1' >찾아오시는길</option></select> </div> <section id="wrap_scon_tit1" class="wrap_scon_tit"> <!-- <h3>연혁</h3> --> <!-- <p class="tit_navi"><a href=''>Home</a> <span>&gt;</span> <a href='/sub/com/com01.asp?scrID=0000000207&pageNum=1&subNum=1&ssubNum=1'>재단소개</a> <span>&gt;</span> <a href='/sub/com/com03.asp?scrID=0000000209&pageNum=1&subNum=3&ssubNum=1'>연혁</a></p> --> </section> <div id="sub-container" class="com03"> <div class="container"> <div class="history" data-value="fade-up"> <div class="history-line"> <span class="dot top"></span> <div class="active-line"> <span class="dot bottom"></span> </div> </div> <!-- 2023 --> <div class="grid right"> <div class="item" data-value="fade-up"> <p class="year">2023년</p> <ul class="content"> <li> <p class="title">장학금 지급</p> <!-- <img src="/images/contents/ico-person.png" class="ico"> --> <p class="txt">447,830,000원</p> </li> </ul> </div> </div> <!-- 2022 --> <div class="grid left"> <div class="item" data-value="fade-up"> <p class="year">2022년</p> <ul class="content"> <li> <p class="title">장학금 지급</p> <!-- <img src="/images/contents/ico-person.png" class="ico"> --> <p class="txt">465,134,800원</p> </li> </ul> </div> </div> <!-- 2021 --> <div class="grid right"> <div class="item" data-value="fade-up"> <p class="year">2021년</p> <ul class="content"> <li> <p class="title">해외장학생 선발</p> <img src="/images/contents/ico-person.png" class="ico"> <p class="txt">22명</p> </li> <li> <p class="title">국내장학생 선발</p> <img src="/images/contents/ico-person.png" class="ico"> <p class="txt">40명</p> </li> </ul> </div> </div> <!-- 2020 --> <div class="grid left"> <div class="item" data-value="fade-up"> <p class="year">2020년</p> <ul class="content"> <li> <p class="title">해외장학생 선발</p> <img src="/images/contents/ico-person.png" class="ico"> <p class="txt">12명</p> </li> <li> <p class="title">국내장학생 선발</p> <img src="/images/contents/ico-person.png" class="ico"> <p class="txt">20명</p> </li> </ul> </div> </div> <!-- 2019 --> <div class="grid right"> <div class="item" data-value="fade-up"> <p class="year">2019년</p> <ul class="content"> <li> <p class="title">해외장학생 선발</p> <img src="/images/contents/ico-person.png" class="ico"> <p class="txt">12명</p> </li> <li> <p class="title">국내장학생 선발</p> <img src="/images/contents/ico-person.png" class="ico"> <p class="txt">21명</p> </li> </ul> </div> </div> <!-- 2018 --> <div class="grid left"> <div class="item" data-value="fade-up"> <p class="year">2018년</p> <ul class="content"> <li> <p class="title">해외장학생 선발</p> <img src="/images/contents/ico-person.png" class="ico"> <p class="txt">14명</p> </li> <li> <p class="title">국내장학생 선발</p> <img src="/images/contents/ico-person.png" class="ico"> <p class="txt">20명</p> </li> </ul> </div> </div> <!-- 2017 --> <div class="grid right"> <div class="item" data-value="fade-up"> <p class="year">2017년</p> <ul class="content"> <li> <p class="title">해외장학생 선발</p> <img src="/images/contents/ico-person.png" class="ico"> <p class="txt">16명</p> </li> <li> <p class="title">국내장학생 선발</p> <img src="/images/contents/ico-person.png" class="ico"> <p class="txt">17명</p> </li> </ul> </div> </div> <!-- 2016 --> <div class="grid left"> <div class="item" data-value="fade-up"> <p class="year">2016년</p> <ul class="content"> <li> <p class="title">해외장학생 선발</p> <img src="/images/contents/ico-person.png" class="ico"> <p class="txt">19명</p> </li> <li> <p class="title">국내장학생 선발</p> <img src="/images/contents/ico-person.png" class="ico"> <p class="txt">19명</p> </li> </ul> </div> </div> <!-- 2015 --> <div class="grid right"> <div class="item" data-value="fade-up"> <p class="year">2015년</p> <ul class="content"> <li> <p class="title">해외장학생 선발</p> <img src="/images/contents/ico-person.png" class="ico"> <p class="txt">11명</p> </li> </ul> </div> </div> <!-- 2014 --> <div class="grid left"> <div class="item" data-value="fade-up"> <p class="year">2014년</p> <ul class="content"> <li> <p class="title">해외장학생 선발</p> <img src="/images/contents/ico-person.png" class="ico"> <p class="txt">8명</p> </li> </ul> </div> </div> <!-- 2013 --> <div class="grid right"> <div class="item" data-value="fade-up"> <p class="year">2013년</p> <ul class="content"> <li> <p class="title">해외장학생 선발</p> <img src="/images/contents/ico-person.png" class="ico"> <p class="txt">16명</p> </li> </ul> </div> </div> <!-- 2012 --> <div class="grid left"> <div class="item" data-value="fade-up"> <p class="year">2012년</p> <ul class="content"> <li> <p class="title">해외장학생 선발</p> <img src="/images/contents/ico-person.png" class="ico"> <p class="txt">18명</p> </li> </ul> </div> </div> <!-- 2011 --> <div class="grid right"> <div class="item" data-value="fade-up"> <p class="year">2011년</p> <ul class="content"> <li> <p class="title">해외장학생 선발</p> <img src="/images/contents/ico-person.png" class="ico"> <p class="txt">17명</p> </li> </ul> </div> </div> <!-- 2010 --> <div class="grid left"> <div class="item" data-value="fade-up"> <p class="year">2010년</p> <ul class="content"> <li> <p class="title">해외장학생 선발</p> <img src="/images/contents/ico-person.png" class="ico"> <p class="txt">14명</p> </li> </ul> </div> </div> <!-- 2009 --> <div class="grid right"> <div class="item" data-value="fade-up"> <p class="year">2009년</p> <ul class="content"> <li> <p class="title">해외장학생 선발</p> <img src="/images/contents/ico-person.png" class="ico"> <p class="txt">17명</p> </li> </ul> </div> </div> <!-- 2008 --> <div class="grid left"> <div class="item" data-value="fade-up"> <p class="year">2008년</p> <ul class="content"> <li> <p class="title">해외장학생 선발</p> <img src="/images/contents/ico-person.png" class="ico"> <p class="txt">13명</p> </li> </ul> </div> </div> <!-- 2007 --> <div class="grid right"> <div class="item" data-value="fade-up"> <p class="year">2007년</p> <ul class="content"> <li> <p class="title">해외장학생 선발</p> <img src="/images/contents/ico-person.png" class="ico"> <p class="txt">10명</p> </li> </ul> </div> </div> <!-- 2006 --> <div class="grid left"> <div class="item" data-value="fade-up"> <p class="year">2006년</p> <ul class="content"> <li> <p class="title">해외장학생 선발</p> <img src="/images/contents/ico-person.png" class="ico"> <p class="txt">7명</p> </li> </ul> </div> </div> </div> <div class="begin-history"> <div class="circle"> <p class="year">2005년</p> <p class="month">12월</p> </div> <p class="txt">목암과학장학재단 설립</p> </div> <img src="/images/contents/history-bg1.jpg" class="bg1"> <img src="/images/contents/history-bg2.png" class="bg2"> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.1/gsap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.1/ScrollTrigger.min.js"></script> <script> $(function(){ $(window).scroll(function(){ var scrolltop = $(window).scrollTop(); var target = $('.history').offset().top - $(window).height() / 3; var space = parseInt($('#sub-container').css('padding-bottom')); var footer = $('#footer').offset().top - $(window).height(); var finish = parseInt($('.history').height() + 30); if(scrolltop > target){ if(matchMedia('screen and (max-width: 450px)').matches) {$('.history-line').animate({'height' : scrolltop - 50 + 'px'}, {queue: false, duration: 350});} else {$('.history-line').animate({'height' : scrolltop - 200 + 'px'}, {queue: false, duration: 350});} $('.dot.top').css('opacity', 1); } if(scrolltop < target){ $('.history-line').animate({'height' : 0}, {queue: false, duration: 350}); } if(scrolltop > footer){ $('.history-line').animate({'height' : finish}, {queue: false, duration: 350}); } }); gsap.to('.bg1', { yPercent: 340, ease: 'none', scrollTrigger: { trigger: '.bg1', start: 'top bottom', end: 'bottom 0%-=1200px', scrub: true, //markers: true, }, }); gsap.to('.bg2', { xPercent: 100, ease: 'linear', scrollTrigger: { trigger: '.bg2', start: 'top bottom', end: 'bottom top', scrub: true, }, }); }); </script> <div id="footer" class="footer"> <div class="container"> <a href="/" class="logo"> <img src="/images/common/logo-white.svg"> </a> <div class="contents"> <div class="footer-menu"> <a href="/sub/policy/policy01.asp?scrID=0000000206&pageNum=9&subNum=1&ssubNum=1">개인정보처리방침</a> <a href="/sub/com/com04.asp?scrID=0000000211&pageNum=1&subNum=5&ssubNum=1">찾아오시는길</a> </div> <div class="address"> <span>서울특별시 서초구 강남대로41길 15-19, 3층</span> <span>FAX 02-3011-2409</span> </div> <p class="copyright">COPYRIGHT Ⓒ 2022 MOGAM SCIENCE SCHOLARSHIP FOUNDATION. ALL RIGHT RESERVED</p> <div class="tip-off"> <p class="title">공익위반 제보</p> <a href="https://www.sen.go.kr/" target="_blank"> <img src="/images/common/tipoff1.svg"> </a> <a href="https://www.acrc.go.kr/" target="_blank"> <img src="/images/common/tipoff2.svg"> </a> <a href="https://www.nts.go.kr/" target="_blank"> <img src="/images/common/tipoff3.svg"> </a> </div> </div> </div> </div> </div> <!-- close wrap --> <!--동영상 로딩 지연--> <!--<script> function youTubes_makeDynamic() { var $ytIframes = $('iframe[src*="youtube.com"]'); $ytIframes.each(function (i,e) { var $ytFrame = $(e); var ytKey; var tmp = $ytFrame.attr('src').split(/\//); tmp = tmp[tmp.length - 1]; tmp = tmp.split('?'); ytKey = tmp[0]; var $ytLoader = $('<div class="ytLoader">'); $ytLoader.append($('<img class="cover" src="https://i.ytimg.com/vi/'+ytKey+'/hqdefault.jpg">')); $ytLoader.append($('<img class="playBtn" src="/images/play_you.png">')); $ytLoader.data('$ytFrame',$ytFrame); $ytFrame.replaceWith($ytLoader); $ytLoader.click(function () { var $ytFrame = $ytLoader.data('$ytFrame'); $ytFrame.attr('src',$ytFrame.attr('src')+'?autoplay=1'); $ytLoader.replaceWith($ytFrame); }); }); }; $(document).ready(function () {youTubes_makeDynamic()}); </script> --> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10