CINXE.COM
천문우주지식정보
<!DOCTYPE HTML> <html lang="ko" class="no-js"> <!--[if gt ie 8]> <html lang="ko" class="no-js"> <![endif]--> <!--[if lte IE 8]> <html lang="ko" id="ie8" class="no-js"> <![endif]--> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <link rel="shortcut icon" href="/resources/images/favicon.ico"> <title>천문우주지식정보</title> <link href="/resources/css/bootstrap.css" rel="stylesheet"> <link href="/resources/css/datepicker.css" rel="stylesheet"> <link href="/resources/css/common.css" rel="stylesheet"> <link href="/resources/css/font-awesome.min.css" rel="stylesheet"> <link href="/resources/css/print.css" rel="stylesheet"> <script src="/resources/js/jquery-3.1.1.min.js"></script> <script type="text/javascript" src="/resources/js/jquery-latest.js"></script> <script type="text/javascript" src="/resources/js/jquery.min.js"></script> <script type="text/javascript" src="/resources/js/jquery.easing.js"></script> <script type="text/javascript" src="/resources/js/nav.js"></script> <script type="text/javascript" src="/resources/js/jquery.matchHeight-min.js"></script> <script type="text/javascript" src="/resources/js/main.js"></script> <script type="text/javascript" src="/resources/js/pop_rolling.js"></script> <script type="text/javascript" src="/resources/js/life/common.js"></script> <script type="text/javascript" src="/resources/js/life/window.js"></script> <script src="/resources/js/submain_bg.js"></script><!-- 배경효과 --> <script src="/resources/js/submain_bg_common.js"></script><!-- 배경효과 --> <script type="text/javascript" src="/resources/js/cj-text-fx.min.js"></script><!-- 메인슬로건 --> <script type="text/javascript" src="/resources/js/search/search.js"></script> <link href="/resources/css/main_layout.css" rel="stylesheet"> <link href="/resources/css/contents-type.css" rel="stylesheet"> <link href="/resources/css/contents-board.css" rel="stylesheet"> <link href="/resources/css/jquery.bxslider.css" rel="stylesheet" /> <script src="/resources/js/life/print.js"></script> <script src="/resources/js/life/window.js?ver=1"></script> <!-- <script type="text/javascript"> // mainRankUp function scrolling(objId,sec1,sec2,speed,height){ this.objId=objId; this.sec1=sec1; this.sec2=sec2; this.speed=speed; this.height=height; this.h=0; this.div=document.getElementById(this.objId); this.htmltxt=this.div.innerHTML; this.div.innerHTML=this.htmltxt+this.htmltxt; this.div.isover=false; this.div.onmouseover=function(){this.isover=true;} this.div.onmouseout=function(){this.isover=false;} var self=this; this.div.scrollTop=0; this.control = window.setTimeout(function(){self.play()},this.sec1); } scrolling.prototype={ play:function(){ var self=this; if(!this.div.isover){ this.div.scrollTop+=this.speed; if(this.div.scrollTop>this.div.scrollHeight/2){ this.div.scrollTop=0; }else{ this.h+=this.speed; if(this.h>=this.height){ if(this.h>this.height|| this.div.scrollTop%this.height !=0){ this.div.scrollTop-=this.h%this.height; } this.h=0; this.control = window.setTimeout(function(){self.play()},this.sec1); return; } } } this.control = window.setTimeout(function(){self.play()},this.sec2); }, prev:function(){ if(this.div.scrollTop == 0) this.div.scrollTop = this.div.scrollHeight/2; this.div.scrollTop -= this.height; }, next:function(){ if(this.div.scrollTop == this.div.scrollHeight/2) this.div.scrollTop =0; this.div.scrollTop += this.height; }, stop:function(){ clearTimeout(this.control); } }; var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream; $(function () { jQuery.cjTextFx(); // INIT FUNCTION jQuery.cjTextFx.animate("#div-to-animate", {animation: 13, color: "#353535", speed: 40}); jQuery.cjTextFx.animate("#div-to-animate2", {animation: 13, color: "#353535", startDelay: 500, speed: 40}); jQuery.cjTextFx.animate("#another-div-to-animate", {animation: 13, color: "#353535", startDelay: 700, speed: 40}); $('#myModal2').on('hidden.bs.modal',function(){ $('body').addClass('modal-open'); }); $('#myModal').on('hidden.bs.modal',function(){ $('body').addClass('modal-open'); }); //$('#180302_popup').hide(); //$('#180302_mpopup').hide(); // 인기검색어 자동재생,중지버튼 제어 $('.icon').click(function(){ if($(this).attr("id") == "pause"){ $('#pause').attr("style","display:none;"); $('#play').attr("style","display:block"); }else{ $('#pause').attr("style","display:block"); $('#play').attr("style","display:none"); } }) }); function openModal(data){ //주요명소 if(data=='1'){ $('#myModal').modal('show'); $('#myModal2').modal('hide'); } //기타도시 else{ $('#myModal').modal('hide'); $('#myModal2').modal('show'); } } function downLocation (aftNm, befNm, folder_nm) { var downForm = document.createElement("form"); var input1 = document.createElement("input"); var input2 = document.createElement("input"); var input3 = document.createElement("input"); input1.setAttribute("type","hidden"); input2.setAttribute("type","hidden"); input3.setAttribute("type","hidden"); input1.setAttribute("name","file1"); input2.setAttribute("name","file2"); input3.setAttribute("name","path"); input1.setAttribute("value",befNm); input2.setAttribute("value",aftNm); if ( folder_nm != "" && folder_nm != null ) { input3.setAttribute("value", folder_nm); } else { input3.setAttribute("value",'/file'); } downForm.appendChild(input1); downForm.appendChild(input2); downForm.appendChild(input3); downForm.setAttribute("method", "post"); downForm.setAttribute("action", "/web-front/comm/fileDownload"); document.body.appendChild(downForm); downForm.submit(); } /* $(document).on('hidden.bs.modal', function () { $('body').addClass('modal-open'); }); */ </script> --> <script> $(document).ready(function () { const today = new Date(); // 양력 월, 일, 요일 const month = today.getMonth() + 1; const year = today.getFullYear(); const day = today.getDate(); const weekDay = today.toLocaleString('ko-KR', { weekday: 'long' }); const fullDay = month+"월 "+ day+"일 "+weekDay; $('.main_sun_tit dt').text(fullDay); var yyyy = year; var mm = String(month).padStart(2, '0'); // 1자리일 경우 앞에 0 추가 var dd = String(day).padStart(2, '0'); // 1자리일 경우 앞에 0 추가 $.ajax({ url : "/life/solc", data : { 'yyyy' : yyyy, 'mm' : mm, 'dd' : dd }, success : function(data){ const luncDay = "( 음력 "+data.LUNC_YYYY + "년 " + data.LUNC_MM + "월 " + data.LUNC_DD + "일 )"; $('.main_sun_tit dd:first').text(luncDay); } }); var ephemerisDataJson = [{"MOONRISE_TM":"0742 ","LUNC_DD":"02","LUNC_MM":"02","RGON_DATE":"20250301","MOONSET_TM":"1957 ","SUNSET_TM":"1826 ","DT_NM":"삼일절","LUNC_AGE":1.5,"HOLYDY_YN":"Y","SUNRISE_TM":"0704 "},{"MOONRISE_TM":"0809 ","LUNC_DD":"03","LUNC_MM":"02","RGON_DATE":"20250302","MOONSET_TM":"2111 ","ASTRO_EVENT":"달의 근지점(362,000 km)","SUNSET_TM":"1827 ","ASTRO_TM":"06:18","LUNC_AGE":2.5,"SUNRISE_TM":"0702 "},{"MOONRISE_TM":"0837 ","LUNC_DD":"04","LUNC_MM":"02","RGON_DATE":"20250303","MOONSET_TM":"2226 ","SUNSET_TM":"1828 ","DT_NM":"대체공휴일","LUNC_AGE":3.5,"HOLYDY_YN":"Y","SUNRISE_TM":"0701 "},{"MOONRISE_TM":"0907 ","LUNC_DD":"05","LUNC_MM":"02","RGON_DATE":"20250304","MOONSET_TM":"2342 ","SUNSET_TM":"1829 ","LUNC_AGE":4.5,"SUNRISE_TM":"0700 "},{"MOONRISE_TM":"0943 ","LUNC_DD":"06","LUNC_MM":"02","RGON_DATE":"20250305","MOONSET_TM":"---- ","ASTRO_EVENT":"달의 플레이아데스 성단 통과","SUNSET_TM":"1830 ","ASTRO_TM":"22:30","DT_NM":"경칩","LUNC_AGE":5.5,"HOLYDY_YN":"N","SUNRISE_TM":"0658 "},{"MOONRISE_TM":"1026 ","LUNC_DD":"07","LUNC_MM":"02","RGON_DATE":"20250306","MOONSET_TM":"0057 ","SUNSET_TM":"1831 ","LUNC_AGE":6.5,"SUNRISE_TM":"0657 "},{"MOONRISE_TM":"1118 ","LUNC_DD":"08","LUNC_MM":"02","RGON_DATE":"20250307","MOONSET_TM":"0209 ","ASTRO_EVENT":"상현달","SUNSET_TM":"1831 ","ASTRO_TM":"01:32","LUNC_AGE":7.5,"SUNRISE_TM":"0655 "},{"MOONRISE_TM":"1217 ","LUNC_DD":"09","LUNC_MM":"02","RGON_DATE":"20250308","MOONSET_TM":"0312 ","ASTRO_EVENT":"수성의 동방최대이각(18°)","SUNSET_TM":"1832 ","ASTRO_TM":"15:00","LUNC_AGE":8.5,"SUNRISE_TM":"0654 "},{"MOONRISE_TM":"1322 ","LUNC_DD":"10","LUNC_MM":"02","RGON_DATE":"20250309","MOONSET_TM":"0406 ","ASTRO_EVENT":"달과 폴룩스의 근접(2.1°)","SUNSET_TM":"1833 ","ASTRO_TM":"20:06","LUNC_AGE":9.5,"SUNRISE_TM":"0652 "},{"MOONRISE_TM":"1429 ","LUNC_DD":"11","LUNC_MM":"02","RGON_DATE":"20250310","MOONSET_TM":"0450 ","ASTRO_EVENT":"달과 벌집 성단의 근접(2.8°)","SUNSET_TM":"1834 ","ASTRO_TM":"20:10","LUNC_AGE":10.5,"SUNRISE_TM":"0651 "},{"MOONRISE_TM":"1536 ","LUNC_DD":"12","LUNC_MM":"02","RGON_DATE":"20250311","MOONSET_TM":"0525 ","SUNSET_TM":"1835 ","LUNC_AGE":11.5,"SUNRISE_TM":"0649 "},{"MOONRISE_TM":"1640 ","LUNC_DD":"13","LUNC_MM":"02","RGON_DATE":"20250312","MOONSET_TM":"0554 ","ASTRO_EVENT":"토성의 합","SUNSET_TM":"1836 ","ASTRO_TM":"19:00","LUNC_AGE":12.5,"SUNRISE_TM":"0648 "},{"MOONRISE_TM":"1741 ","LUNC_DD":"14","LUNC_MM":"02","RGON_DATE":"20250313","MOONSET_TM":"0619 ","SUNSET_TM":"1837 ","LUNC_AGE":13.5,"SUNRISE_TM":"0646 "},{"MOONRISE_TM":"1840 ","LUNC_DD":"15","LUNC_MM":"02","RGON_DATE":"20250314","MOONSET_TM":"0642 ","SUNSET_TM":"1838 ","LUNC_AGE":14.5,"SUNRISE_TM":"0645 "},{"MOONRISE_TM":"1939 ","LUNC_DD":"16","LUNC_MM":"02","RGON_DATE":"20250315","MOONSET_TM":"0703 ","ASTRO_EVENT":"수성 유(동-서)","SUNSET_TM":"1839 ","ASTRO_TM":"06:00","LUNC_AGE":15.5,"SUNRISE_TM":"0644 "},{"MOONRISE_TM":"2037 ","LUNC_DD":"17","LUNC_MM":"02","RGON_DATE":"20250316","MOONSET_TM":"0724 ","SUNSET_TM":"1840 ","LUNC_AGE":16.5,"SUNRISE_TM":"0642 "},{"MOONRISE_TM":"2136 ","LUNC_DD":"18","LUNC_MM":"02","RGON_DATE":"20250317","MOONSET_TM":"0746 ","ASTRO_EVENT":"달과 스피카의 근접(0.4°)","SUNSET_TM":"1841 ","ASTRO_TM":"04:16","LUNC_AGE":17.5,"SUNRISE_TM":"0641 "},{"MOONRISE_TM":"2237 ","LUNC_DD":"19","LUNC_MM":"02","RGON_DATE":"20250318","MOONSET_TM":"0810 ","ASTRO_EVENT":"달의 원지점(405,800 km)","SUNSET_TM":"1842 ","ASTRO_TM":"01:37","LUNC_AGE":18.5,"SUNRISE_TM":"0639 "},{"MOONRISE_TM":"2338 ","LUNC_DD":"20","LUNC_MM":"02","RGON_DATE":"20250319","MOONSET_TM":"0838 ","SUNSET_TM":"1843 ","LUNC_AGE":19.5,"SUNRISE_TM":"0638 "},{"MOONRISE_TM":"---- ","LUNC_DD":"21","LUNC_MM":"02","RGON_DATE":"20250320","MOONSET_TM":"0911 ","ASTRO_EVENT":"해왕성의 합,춘분","SUNSET_TM":"1844 ","ASTRO_TM":"08:00,18:02","DT_NM":"춘분","LUNC_AGE":20.5,"HOLYDY_YN":"N","SUNRISE_TM":"0636 "},{"MOONRISE_TM":"0040 ","LUNC_DD":"22","LUNC_MM":"02","RGON_DATE":"20250321","MOONSET_TM":"0950 ","ASTRO_EVENT":"달과 안타레스의 근접(0.5°)","SUNSET_TM":"1845 ","ASTRO_TM":"00:58","LUNC_AGE":21.5,"SUNRISE_TM":"0634 "},{"MOONRISE_TM":"0139 ","LUNC_DD":"23","LUNC_MM":"02","RGON_DATE":"20250322","MOONSET_TM":"1039 ","ASTRO_EVENT":"하현달","SUNSET_TM":"1846 ","ASTRO_TM":"20:29","LUNC_AGE":22.5,"SUNRISE_TM":"0633 "},{"MOONRISE_TM":"0234 ","LUNC_DD":"24","LUNC_MM":"02","RGON_DATE":"20250323","MOONSET_TM":"1136 ","SUNSET_TM":"1846 ","LUNC_AGE":23.5,"SUNRISE_TM":"0631 "},{"MOONRISE_TM":"0322 ","LUNC_DD":"25","LUNC_MM":"02","RGON_DATE":"20250324","MOONSET_TM":"1241 ","SUNSET_TM":"1847 ","LUNC_AGE":24.5,"SUNRISE_TM":"0630 "},{"MOONRISE_TM":"0404 ","LUNC_DD":"26","LUNC_MM":"02","RGON_DATE":"20250325","MOONSET_TM":"1350 ","ASTRO_EVENT":"수성의 내합","SUNSET_TM":"1848 ","ASTRO_TM":"04:47","LUNC_AGE":25.5,"SUNRISE_TM":"0628 "},{"MOONRISE_TM":"0440 ","LUNC_DD":"27","LUNC_MM":"02","RGON_DATE":"20250326","MOONSET_TM":"1503 ","SUNSET_TM":"1849 ","LUNC_AGE":26.5,"SUNRISE_TM":"0627 "},{"MOONRISE_TM":"0511 ","LUNC_DD":"28","LUNC_MM":"02","RGON_DATE":"20250327","MOONSET_TM":"1616 ","SUNSET_TM":"1850 ","LUNC_AGE":27.5,"SUNRISE_TM":"0625 "},{"MOONRISE_TM":"0539 ","LUNC_DD":"29","LUNC_MM":"02","RGON_DATE":"20250328","MOONSET_TM":"1730 ","SUNSET_TM":"1851 ","LUNC_AGE":28.5,"SUNRISE_TM":"0624 "},{"MOONRISE_TM":"0606 ","LUNC_DD":"01","LUNC_MM":"03","RGON_DATE":"20250329","MOONSET_TM":"1845 ","ASTRO_EVENT":"부분일식(국내에서 관측 불가능),합삭","SUNSET_TM":"1852 ","ASTRO_TM":"19:48,19:58","LUNC_AGE":0.0,"SUNRISE_TM":"0622 "},{"MOONRISE_TM":"0634 ","LUNC_DD":"02","LUNC_MM":"03","RGON_DATE":"20250330","MOONSET_TM":"2001 ","ASTRO_EVENT":"화성과 폴룩스의 근접(4.0°)","SUNSET_TM":"1853 ","ASTRO_TM":"04:27","LUNC_AGE":1.0,"SUNRISE_TM":"0621 "},{"MOONRISE_TM":"0704 ","LUNC_DD":"03","LUNC_MM":"03","RGON_DATE":"20250331","MOONSET_TM":"2119 ","SUNSET_TM":"1854 ","LUNC_AGE":2.0,"SUNRISE_TM":"0619 "}]; const todayDateString = yyyy + mm + dd; const todayData = $.grep(ephemerisDataJson, function(entry) { return entry.RGON_DATE === todayDateString; })[0]; if (todayData) { var sunriseTime = todayData.SUNRISE_TM ? $.trim(todayData.SUNRISE_TM) : ""; var sunsetTime = todayData.SUNSET_TM ? $.trim(todayData.SUNSET_TM) : ""; var moonriseTime = todayData.MOONRISE_TM ? $.trim(todayData.MOONRISE_TM) : ""; var moonsetTime = todayData.MOONSET_TM ? $.trim(todayData.MOONSET_TM) : ""; var luncAge = todayData.LUNC_AGE === "NULL" || todayData.LUNC_AGE === null ? "" : (todayData.LUNC_AGE ? $.trim(todayData.LUNC_AGE) : ""); var lunc = todayData.LUNC_DD ? $.trim(todayData.LUNC_DD) : ""; var event = todayData.ASTRO_EVENT ? $.trim(todayData.ASTRO_EVENT) : ""; var formattedSunriseTime = sunriseTime.slice(0, 2) + ':' + sunriseTime.slice(2); var formattedSunSetTime = sunsetTime.slice(0, 2) + ':' + sunsetTime.slice(2); //24시간을 12시간으로 변경 function convertTo12HourFormat(time24) { let hours = parseInt(time24.slice(0, 2), 10); let minutes = time24.slice(2); let period = hours >= 12 ? '오후' : '오전'; hours = hours % 12; hours = hours ? hours : 12; return period + ' ' + hours + ':' + minutes; } const partsMonth = today.getMonth(); const partsYear = today.getFullYear(); const partsDay = today.getDate(); var totalParts = 16; // 구간의 개수 var sunParts = divideTimeIntoParts(formattedSunriseTime, formattedSunSetTime, totalParts, partsYear, partsMonth, partsDay); getCurrentPart(sunParts); // 일출 일몰 16개 구간으로 나누기 function divideTimeIntoParts(startTime, endTime, totalParts, year, month, day) { var startDate = new Date(year, month, day, startTime.split(":")[0], startTime.split(":")[1]); var endDate = new Date(year, month, day, endTime.split(":")[0], endTime.split(":")[1]); //endDate 날짜 다음날로 출력 if (startDate > endDate) { endDate.setDate(endDate.getDate() + 1); } var interval = (endDate - startDate) / totalParts; var parts = []; for (let i = 0; i < totalParts; i++) { var partTime = new Date(startDate.getTime() + interval * i); var hours = String(partTime.getHours()).padStart(2, "0"); var minutes = String(partTime.getMinutes()).padStart(2, "0"); parts.push(hours+':'+minutes); } return parts; } function getCurrentPart(parts) { var currentDate = new Date(); var currentHours = String(currentDate.getHours()).padStart(2, "0"); var currentMinutes = String(currentDate.getMinutes()).padStart(2, "0"); var currentTime = currentHours + ":" + currentMinutes; // 실제 현재 시간 사용 // 시간을 분으로 변경 function convertToMinutes(time) { var hours = parseInt(time.slice(0, 2), 10); var minutes = parseInt(time.slice(3, 5), 10); return (hours * 60) + minutes; } var currentTimeInMinutes = convertToMinutes(currentTime); var firstPartTimeInMinutes = convertToMinutes(parts[0]); var lastPartTimeInMinutes = convertToMinutes(parts[parts.length - 1]); // 현재 시간이 첫 번째 시간보다 작으면 첫 번째 part 반환 if (currentTimeInMinutes < firstPartTimeInMinutes) { var className = 'sun_chart part0'; var $element = $('.sun_chart'); if ($element.length > 0) { $element.removeClass().addClass(className); } return className; } // 현재 시간이 마지막 시간보다 크면 마지막 part 반환 if (currentTimeInMinutes > lastPartTimeInMinutes) { var className = 'sun_chart part' + (parts.length); var $element = $('.sun_chart'); if ($element.length > 0) { $element.removeClass().addClass(className); } return className; } // 현재 시간이 범위 내에 있을 경우 가장 가까운 part 계산 for (let i = 0; i < parts.length - 1; i++) { var startPartTimeInMinutes = convertToMinutes(parts[i]); var endPartTimeInMinutes = convertToMinutes(parts[i + 1]); if (currentTimeInMinutes >= startPartTimeInMinutes && currentTimeInMinutes < endPartTimeInMinutes) { var className = 'sun_chart part' + (i + 1); var $element = $('.sun_chart'); if ($element.length > 0) { $element.removeClass().addClass(className); } return className; } } return null; } // 일출 일몰 $('.time_list .time_ttl').each(function() { var spanText = $(this).find('span').text().trim(); if (spanText === '일출') { $(this).html('<span>일출</span>' + ' ' + (formattedSunriseTime || '정보 없음')); } else if (spanText === '일몰') { $(this).html('<span>일몰</span>' + ' ' + (formattedSunSetTime || '정보 없음')); } }); //월출 월몰 $('.main_moon .time_ttl').each(function() { var spanText = $(this).find('span').text().trim(); // 24시간 -> 12시간 변환 var formattedMoonrise12hr = convertTo12HourFormat(moonriseTime); var formattedMoonSet12hr = convertTo12HourFormat(moonsetTime); if (spanText === '월출') { // 월출 시간 변경 $(this).html('<span>월출</span>' + ' ' + (formattedMoonrise12hr || '정보 없음')); } else if (spanText === '월몰') { // 월몰 시간 변경 $(this).html('<span>월몰</span>' + ' ' + (formattedMoonSet12hr || '정보 없음')); } }); $('.main_moon img').attr('src', '/resources/images/content/new_calendar_moon' + lunc + '.png'); $('.main_moon p').html('월령 '+luncAge); } //월별 해/달 출몰시각 검색 var areas = { "강원도": ["강릉", "강원(고성)", "대관령", "동해", "삼척", "양양", "영월", "원주", "주문진", "춘천", "태백"], "서울": ["서울"], "인천": ["강화도", "인천"], "경기도": ["고양", "광주(경기)", "부천", "속초", "수원", "시흥", "안산", "안양", "양평", "여주", "용인", "파주", "평택", "화성"], "울릉도": ["울릉도"], "독도": ["독도"], "경상북도": ["경주", "구미", "김천", "보현산", "상주", "안동", "영덕", "영주", "영천", "울진", "의성", "포항"], "충청남도": ["논산", "당진", "보령", "서산", "서천", "아산", "천안", "태안"], "충청북도": ["소백산", "제천", "청주", "청주공항", "추풍령", "충주"], "대전": ["대전"], "세종": ["세종"], "대구": ["대구"], "전라북도": ["군산", "남원", "변산", "부안", "익산", "임실", "장수", "전주", "정읍"], "광주": ["광주"], "울산": ["울산"], "부산": ["부산"], "경상남도": ["거제", "거창", "김해", "남해", "마산", "밀양", "사천", "진주", "진해", "창원", "통영"], "전라남도": ["고흥", "광양", "목포", "무안", "보성", "순천", "승주", "여수", "여수공항", "영광", "완도", "장흥", "진도", "춘양", "해남", "흑산도"], "제주도": ["서귀포", "성산일출봉", "제주", "제주(레이다기지)"] }; $('.dropdown-menu2 a').click(function() { var selectedArea = $(this).text(); $('#dropdownMenu2').html(selectedArea + ' <span class="caret"></span>'); var selectedRegion = $(this).text(); var areaOptions = areas[selectedRegion] || []; // #dropdownMenu3의 항목 초기화 var dropdownMenu3 = $(' .dropdown-menu3'); dropdownMenu3.html(''); areaOptions.forEach(function(area) { dropdownMenu3.append('<li><a href="#">' + area + '</a></li>'); }); }); $('.dropdown-menu3').on('click', 'a', function() { var selectedDetailArea = $(this).text(); $('#dropdownMenu3').html(selectedDetailArea + ' <span class="caret"></span>'); }); // 공통 검색 함수 function searchSunMoon() { // searchButton 클릭 시 var selectedDetaileArea = $('#dropdownMenu3').text().trim(); // 세부지역 var selectedArea = $('#dropdownMenu2').text().trim(); // 지역 var selectedYear = $('#yearInput').val(year);// 년도 var selectedMonth = $('#dropdownMenu1').val(month); // 월 // searchModalButton 클릭시 var modalYear = $('#modalYear').val(); // 모달 년도 var modalMonth = $('#monthInput').val().trim().replace(' ', ''); // 모달 월 var finModalMonth = modalMonth.replace('월', '').trim(); selectedYear = String($('#yearInput').val()); selectedMonth = String($('#dropdownMenu1').val()); // 1자리 월 앞에 0 추가 if (selectedMonth.length === 1) { selectedMonth = '0' + selectedMonth; } if (finModalMonth.length === 1) { finModalMonth = '0' + finModalMonth; } var yearToUse = modalYear && modalYear !== "" ? modalYear : selectedYear; var monthToUse = finModalMonth && finModalMonth !== "" ? finModalMonth : ( selectedMonth !== '' ? selectedMonth : ''); //검색값 미 입력시 알럿문 if (selectedArea === '전체' || selectedDetaileArea === '전체') { if (selectedArea === '전체') { alert("지역을 선택해주세요"); return; } if (selectedDetaileArea === '전체') { alert("세부지역을 선택해주세요"); return; } } var parameters = { date: yearToUse + monthToUse, location: selectedDetaileArea || modalTitle }; $.ajax({ url: '/life/sunmoon', type: 'GET', data: parameters, success: function(response) { var sunmoonTableBody = $('#sunmoon-table-body').html(response.sunmoonData); sunmoonTableBody.empty(); const year = parameters.date.slice(0, 4); const month = parseInt(parameters.date.slice(4), 10); const formattedDate = year + '년' + month + '월'; $('#title-month-span').text(formattedDate); $('#title-location-span').text(parameters.location); $('#modalYear').val(year); $('#monthInput').val(month + '월'); $('#dropdownMenu1').text(month + '월'); $('#modalDropdownMenu1').html(month + '월 <span class="caret"></span>'); var sunmoon = response.sunmoon; var luncList = response.luncList; if (sunmoon.length > 0) { sunmoon.forEach(function (data, i) { var tr = ''; tr += '<tr>'; tr += '<td>' + data.RGON_DATE.substr(6) + '</td>'; tr += '<td>' + (luncList.length === 0 || luncList[i].LUNC === undefined ? '자료없음' : luncList[i].LUNC) + '</td>'; tr += '<td>' + formatTime(data.SUNRISE_TM) + '</td>'; tr += '<td>' + formatTime(data.SUN_TRANSIT_TM) + '</td>'; tr += '<td>' + formatTime(data.SUNSET_TM) + '</td>'; tr += '<td>' + formatTime(data.MOONRISE_TM) + '</td>'; tr += '<td>' + formatTime(data.MOON_TRANSIT_TM) + '</td>'; tr += '<td>' + formatTime(data.MOONSET_TM) + '</td>'; tr += '<td>' + formatTime(data.CIVIL_TWIL_TM_MORN) + '</td>'; tr += '<td>' + formatTime(data.CIVIL_TWIL_TM_EVEN) + '</td>'; tr += '<td>' + formatTime(data.NAUT_TWIL_TM_MORN) + '</td>'; tr += '<td>' + formatTime(data.NAUT_TWIL_TM_EVEN) + '</td>'; tr += '<td>' + formatTime(data.ASTRO_TWIL_TM_MORN) + '</td>'; tr += '<td>' + formatTime(data.ASTRO_TWIL_TM_EVEN) + '</td>'; tr += '</tr>'; sunmoonTableBody.append(tr); }); } else { sunmoonTableBody.append('<tr><td colspan="14">자료없음</td></tr>'); } $('.sunMoonMaploc_popup').modal('show'); }, complete: function () { isRunning = false; } }); } // 검색 버튼 클릭 시 $('#searchButton').click(function() { searchSunMoon(); }); // 모달창 월 선택 $('.selectMonth').click(function() { var selectedMonth = $(this).data('month'); $('#modalDropdownMenu1').html(selectedMonth + ' <span class="caret"></span>'); $('#monthInput').val(selectedMonth); }); // 모달 검색 버튼 클릭 시 $('#searchModalButton').click(function() { searchSunMoon(); }); //모달 엑셀 다운로드 $('#excelLink').on('click', function(event) { event.preventDefault(); var excelYear = $('#modalYear').val(); var excelMonth =$('#monthInput').val(); var finMonth = excelMonth.replace('월', '').trim(); if (finMonth.length === 1) { finMonth = '0' + finMonth; } var formattedYearMonth = excelYear.toString() + finMonth; var titleLocation = $('#title-location-span').text(); window.location.href = '/life/sunmoon/excel?date='+formattedYearMonth+'&location='+titleLocation; }); //월별 해/달 출몰시각 검색 끝 //천문현상 const fullDate = year + '년 ' + month + '월'; $('#date-display').text(fullDate); const dayOfWeek = today.getDay(); // 0 (일요일) ~ 6 (토요일) // 이번 주의 시작일(일요일)과 종료일(토요일) 계산 const startOfWeek = new Date(today); startOfWeek.setDate(today.getDate() - dayOfWeek); const endOfWeek = new Date(startOfWeek); endOfWeek.setDate(startOfWeek.getDate() + 6); // 모든 날짜 생성 const weekDates = []; for (let current = new Date(startOfWeek); current <= endOfWeek; current.setDate(current.getDate() + 1)) { const date = current.getDate(); weekDates.push({ date }); } var life = [{"MOONRISE_TM":"0742 ","LUNC_DD":"02","LUNC_MM":"02","RGON_DATE":"20250301","MOONSET_TM":"1957 ","SUNSET_TM":"1826 ","DT_NM":"삼일절","LUNC_AGE":1.5,"HOLYDY_YN":"Y","SUNRISE_TM":"0704 "},{"MOONRISE_TM":"0809 ","LUNC_DD":"03","LUNC_MM":"02","RGON_DATE":"20250302","MOONSET_TM":"2111 ","ASTRO_EVENT":"달의 근지점(362,000 km)","SUNSET_TM":"1827 ","ASTRO_TM":"06:18","LUNC_AGE":2.5,"SUNRISE_TM":"0702 "},{"MOONRISE_TM":"0837 ","LUNC_DD":"04","LUNC_MM":"02","RGON_DATE":"20250303","MOONSET_TM":"2226 ","SUNSET_TM":"1828 ","DT_NM":"대체공휴일","LUNC_AGE":3.5,"HOLYDY_YN":"Y","SUNRISE_TM":"0701 "},{"MOONRISE_TM":"0907 ","LUNC_DD":"05","LUNC_MM":"02","RGON_DATE":"20250304","MOONSET_TM":"2342 ","SUNSET_TM":"1829 ","LUNC_AGE":4.5,"SUNRISE_TM":"0700 "},{"MOONRISE_TM":"0943 ","LUNC_DD":"06","LUNC_MM":"02","RGON_DATE":"20250305","MOONSET_TM":"---- ","ASTRO_EVENT":"달의 플레이아데스 성단 통과","SUNSET_TM":"1830 ","ASTRO_TM":"22:30","DT_NM":"경칩","LUNC_AGE":5.5,"HOLYDY_YN":"N","SUNRISE_TM":"0658 "},{"MOONRISE_TM":"1026 ","LUNC_DD":"07","LUNC_MM":"02","RGON_DATE":"20250306","MOONSET_TM":"0057 ","SUNSET_TM":"1831 ","LUNC_AGE":6.5,"SUNRISE_TM":"0657 "},{"MOONRISE_TM":"1118 ","LUNC_DD":"08","LUNC_MM":"02","RGON_DATE":"20250307","MOONSET_TM":"0209 ","ASTRO_EVENT":"상현달","SUNSET_TM":"1831 ","ASTRO_TM":"01:32","LUNC_AGE":7.5,"SUNRISE_TM":"0655 "},{"MOONRISE_TM":"1217 ","LUNC_DD":"09","LUNC_MM":"02","RGON_DATE":"20250308","MOONSET_TM":"0312 ","ASTRO_EVENT":"수성의 동방최대이각(18°)","SUNSET_TM":"1832 ","ASTRO_TM":"15:00","LUNC_AGE":8.5,"SUNRISE_TM":"0654 "},{"MOONRISE_TM":"1322 ","LUNC_DD":"10","LUNC_MM":"02","RGON_DATE":"20250309","MOONSET_TM":"0406 ","ASTRO_EVENT":"달과 폴룩스의 근접(2.1°)","SUNSET_TM":"1833 ","ASTRO_TM":"20:06","LUNC_AGE":9.5,"SUNRISE_TM":"0652 "},{"MOONRISE_TM":"1429 ","LUNC_DD":"11","LUNC_MM":"02","RGON_DATE":"20250310","MOONSET_TM":"0450 ","ASTRO_EVENT":"달과 벌집 성단의 근접(2.8°)","SUNSET_TM":"1834 ","ASTRO_TM":"20:10","LUNC_AGE":10.5,"SUNRISE_TM":"0651 "},{"MOONRISE_TM":"1536 ","LUNC_DD":"12","LUNC_MM":"02","RGON_DATE":"20250311","MOONSET_TM":"0525 ","SUNSET_TM":"1835 ","LUNC_AGE":11.5,"SUNRISE_TM":"0649 "},{"MOONRISE_TM":"1640 ","LUNC_DD":"13","LUNC_MM":"02","RGON_DATE":"20250312","MOONSET_TM":"0554 ","ASTRO_EVENT":"토성의 합","SUNSET_TM":"1836 ","ASTRO_TM":"19:00","LUNC_AGE":12.5,"SUNRISE_TM":"0648 "},{"MOONRISE_TM":"1741 ","LUNC_DD":"14","LUNC_MM":"02","RGON_DATE":"20250313","MOONSET_TM":"0619 ","SUNSET_TM":"1837 ","LUNC_AGE":13.5,"SUNRISE_TM":"0646 "},{"MOONRISE_TM":"1840 ","LUNC_DD":"15","LUNC_MM":"02","RGON_DATE":"20250314","MOONSET_TM":"0642 ","SUNSET_TM":"1838 ","LUNC_AGE":14.5,"SUNRISE_TM":"0645 "},{"MOONRISE_TM":"1939 ","LUNC_DD":"16","LUNC_MM":"02","RGON_DATE":"20250315","MOONSET_TM":"0703 ","ASTRO_EVENT":"수성 유(동-서)","SUNSET_TM":"1839 ","ASTRO_TM":"06:00","LUNC_AGE":15.5,"SUNRISE_TM":"0644 "},{"MOONRISE_TM":"2037 ","LUNC_DD":"17","LUNC_MM":"02","RGON_DATE":"20250316","MOONSET_TM":"0724 ","SUNSET_TM":"1840 ","LUNC_AGE":16.5,"SUNRISE_TM":"0642 "},{"MOONRISE_TM":"2136 ","LUNC_DD":"18","LUNC_MM":"02","RGON_DATE":"20250317","MOONSET_TM":"0746 ","ASTRO_EVENT":"달과 스피카의 근접(0.4°)","SUNSET_TM":"1841 ","ASTRO_TM":"04:16","LUNC_AGE":17.5,"SUNRISE_TM":"0641 "},{"MOONRISE_TM":"2237 ","LUNC_DD":"19","LUNC_MM":"02","RGON_DATE":"20250318","MOONSET_TM":"0810 ","ASTRO_EVENT":"달의 원지점(405,800 km)","SUNSET_TM":"1842 ","ASTRO_TM":"01:37","LUNC_AGE":18.5,"SUNRISE_TM":"0639 "},{"MOONRISE_TM":"2338 ","LUNC_DD":"20","LUNC_MM":"02","RGON_DATE":"20250319","MOONSET_TM":"0838 ","SUNSET_TM":"1843 ","LUNC_AGE":19.5,"SUNRISE_TM":"0638 "},{"MOONRISE_TM":"---- ","LUNC_DD":"21","LUNC_MM":"02","RGON_DATE":"20250320","MOONSET_TM":"0911 ","ASTRO_EVENT":"해왕성의 합,춘분","SUNSET_TM":"1844 ","ASTRO_TM":"08:00,18:02","DT_NM":"춘분","LUNC_AGE":20.5,"HOLYDY_YN":"N","SUNRISE_TM":"0636 "},{"MOONRISE_TM":"0040 ","LUNC_DD":"22","LUNC_MM":"02","RGON_DATE":"20250321","MOONSET_TM":"0950 ","ASTRO_EVENT":"달과 안타레스의 근접(0.5°)","SUNSET_TM":"1845 ","ASTRO_TM":"00:58","LUNC_AGE":21.5,"SUNRISE_TM":"0634 "},{"MOONRISE_TM":"0139 ","LUNC_DD":"23","LUNC_MM":"02","RGON_DATE":"20250322","MOONSET_TM":"1039 ","ASTRO_EVENT":"하현달","SUNSET_TM":"1846 ","ASTRO_TM":"20:29","LUNC_AGE":22.5,"SUNRISE_TM":"0633 "},{"MOONRISE_TM":"0234 ","LUNC_DD":"24","LUNC_MM":"02","RGON_DATE":"20250323","MOONSET_TM":"1136 ","SUNSET_TM":"1846 ","LUNC_AGE":23.5,"SUNRISE_TM":"0631 "},{"MOONRISE_TM":"0322 ","LUNC_DD":"25","LUNC_MM":"02","RGON_DATE":"20250324","MOONSET_TM":"1241 ","SUNSET_TM":"1847 ","LUNC_AGE":24.5,"SUNRISE_TM":"0630 "},{"MOONRISE_TM":"0404 ","LUNC_DD":"26","LUNC_MM":"02","RGON_DATE":"20250325","MOONSET_TM":"1350 ","ASTRO_EVENT":"수성의 내합","SUNSET_TM":"1848 ","ASTRO_TM":"04:47","LUNC_AGE":25.5,"SUNRISE_TM":"0628 "},{"MOONRISE_TM":"0440 ","LUNC_DD":"27","LUNC_MM":"02","RGON_DATE":"20250326","MOONSET_TM":"1503 ","SUNSET_TM":"1849 ","LUNC_AGE":26.5,"SUNRISE_TM":"0627 "},{"MOONRISE_TM":"0511 ","LUNC_DD":"28","LUNC_MM":"02","RGON_DATE":"20250327","MOONSET_TM":"1616 ","SUNSET_TM":"1850 ","LUNC_AGE":27.5,"SUNRISE_TM":"0625 "},{"MOONRISE_TM":"0539 ","LUNC_DD":"29","LUNC_MM":"02","RGON_DATE":"20250328","MOONSET_TM":"1730 ","SUNSET_TM":"1851 ","LUNC_AGE":28.5,"SUNRISE_TM":"0624 "},{"MOONRISE_TM":"0606 ","LUNC_DD":"01","LUNC_MM":"03","RGON_DATE":"20250329","MOONSET_TM":"1845 ","ASTRO_EVENT":"부분일식(국내에서 관측 불가능),합삭","SUNSET_TM":"1852 ","ASTRO_TM":"19:48,19:58","LUNC_AGE":0.0,"SUNRISE_TM":"0622 "},{"MOONRISE_TM":"0634 ","LUNC_DD":"02","LUNC_MM":"03","RGON_DATE":"20250330","MOONSET_TM":"2001 ","ASTRO_EVENT":"화성과 폴룩스의 근접(4.0°)","SUNSET_TM":"1853 ","ASTRO_TM":"04:27","LUNC_AGE":1.0,"SUNRISE_TM":"0621 "},{"MOONRISE_TM":"0704 ","LUNC_DD":"03","LUNC_MM":"03","RGON_DATE":"20250331","MOONSET_TM":"2119 ","SUNSET_TM":"1854 ","LUNC_AGE":2.0,"SUNRISE_TM":"0619 "}]; var html =''; // 첫 번째 날짜를 holiday 클래스 안의 값추가 if (weekDates.length > 0) { const firstDay = weekDates.shift(); // 첫 번째 날짜 제거 // 월령 계산 (월령 = 경과 일수 % 29.5) const startOfMonth = new Date(year, month - 1, 1); // 해당 월의 첫 번째 날 const currentDate = new Date(year, month - 1, firstDay.date); // 첫 번째 날짜 $('.holiday .day strong').html(firstDay.date.toString().padStart(2, '0') + '<span>일</span>'); $('.holiday .moon .data').html(month + '월 ' + firstDay.date.toString().padStart(2, '0') + '일'); //데이터값 가져와서 날짜 비교해 동일한 날짜의 값으로 일출 일몰 월출 월몰 값 추출 var fulldates = year.toString() + month.toString().padStart(2, '0') + firstDay.date.toString().padStart(2, '0'); var matchingEntry = life.find(entry => entry.RGON_DATE === fulldates); if (matchingEntry) { var sunriseTime = matchingEntry.SUNRISE_TM; var sunsetTime = matchingEntry.SUNSET_TM; var moonriseTime = matchingEntry.MOONRISE_TM; var moonsetTime = matchingEntry.MOONSET_TM; var luncAge = matchingEntry.LUNC_AGE var lunc = matchingEntry.LUNC_DD; var event = matchingEntry.ASTRO_EVENT; if (event) { if ($('.holiday .sunmoonData + .notice').length === 0) { $('.holiday .sunmoonData').each(function() { var ul = $('<ul>').addClass('notice'); var li = $('<li>').text(event); ul.append(li); $(this).after(ul); }); } } if(luncAge!=null && luncAge!=''){ $('.holiday .moon .phase').html('월령 ' + luncAge); }else{ luncAge=''; $('.holiday .moon .phase').html('월령 ' + luncAge); } var Image = '/resources/images/content/new_calendar_moon' + lunc + '.png'; var luncElement = $('.holiday .moon img').attr('src', Image); if (sunriseTime) { var sunriseFormattedTime = sunriseTime.substring(0, 2) + ':' + sunriseTime.substring(2, 4); var sunsetFormattedTime = sunsetTime.substring(0, 2) + ':' + sunsetTime.substring(2, 4); var moonriseFormattedTime = moonriseTime.substring(0, 2) + ':' + moonriseTime.substring(2, 4); var moonsetFormattedTime = moonsetTime.substring(0, 2) + ':' + moonsetTime.substring(2, 4); var sunRiseElement = $('.holiday .sunmoonData '); html = '<div class="sunmoonData">' +'<span><strong>일출</strong>'+sunriseFormattedTime+'</span>' +'<span class="bar"><strong>일몰</strong>'+sunsetFormattedTime+'</span><br>' +'<span><strong>월출</strong>'+moonriseFormattedTime+'</span>' +'<span class="bar"><strong>월몰</strong>'+moonsetFormattedTime+'</span>' +'</div>'; sunRiseElement.html(html); var sunRiseElement = $('.holiday .sunmoonData '); } } } // holiday가 아닌 나머지 $('.day').not('.holiday .day').each(function (index) { if (weekDates[index]) { const { date } = weekDates[index]; $(this).find('strong').html(date.toString().padStart(2, '0') + '<span>일</span>'); const moonDataElement = $(this).closest('li').find('.moon .data'); moonDataElement.html(month + '월 ' + date.toString().padStart(2, '0') + '일'); //데이터값 가져와서 날짜 비교해 동일한 날짜의 값으로 일출 일몰 월출 월몰 값 추출 var fulldates = year.toString() + month.toString().padStart(2, '0') + date.toString().padStart(2, '0'); var matchingEntry = life.find(entry => entry.RGON_DATE === fulldates); if (matchingEntry) { var sunriseTime = matchingEntry.SUNRISE_TM; var sunsetTime = matchingEntry.SUNSET_TM; var moonriseTime = matchingEntry.MOONRISE_TM; var moonsetTime = matchingEntry.MOONSET_TM; var luncAge = matchingEntry.LUNC_AGE var lunc = matchingEntry.LUNC_DD; var event = matchingEntry.ASTRO_EVENT; if (event) { $(this).closest('li').find('.sunmoonData').each(function() { var ul = $('<ul>').addClass('notice'); var li = $('<li>').text(event); ul.append(li); $(this).after(ul); }); } if(luncAge!=null && luncAge!=''){ $(this).closest('li').find('.moon .phase').html('월령 ' + luncAge); }else{ luncAge=''; $(this).closest('li').find('.moon .phase').html('월령 ' + luncAge); } var Image = '/resources/images/content/new_calendar_moon' + lunc + '.png'; var luncElement = $(this).closest('li').find('.moon img').attr('src', Image); if (sunriseTime) { var sunriseFormattedTime = sunriseTime.substring(0, 2) + ':' + sunriseTime.substring(2, 4); var sunsetFormattedTime = sunsetTime.substring(0, 2) + ':' + sunsetTime.substring(2, 4); var moonriseFormattedTime = moonriseTime.substring(0, 2) + ':' + moonriseTime.substring(2, 4); var moonsetFormattedTime = moonsetTime.substring(0, 2) + ':' + moonsetTime.substring(2, 4); var sunRiseElement = $(this).closest('li').find('.sunmoonData'); html = '<div class="sunmoonData">' +'<span><strong>일출</strong>'+sunriseFormattedTime+'</span>' +'<span class="bar"><strong>일몰</strong>'+sunsetFormattedTime+'</span><br>' +'<span><strong>월출</strong>'+moonriseFormattedTime+'</span>' +'<span class="bar"><strong>월몰</strong>'+moonsetFormattedTime+'</span>' +'</div>'; sunRiseElement.html(html); } } } }); //천문현상 끝 //천문갤러리 모달 $("div[id^='imageModal']").each(function() { var $modal = $(this); $modal.on('hidden.bs.modal', function() { zoomInOut($modal.find('button[id^=zoomBtn]'), false); var iframe = $modal.find('iframe'); $(iframe).attr('src', $(iframe).attr('src')); }); }); //천문갤러리 슬라이드 $('.slider1').bxSlider({ slideWidth: 300, auto: true, autoControls: true, minSlides: 2, maxSlides: 10, slideMargin: 0, pager: false }); //천문갤러리 슬라이드 끝 }); </script> <script src="/resources/js/jquery.bxslider.js"></script> </head> <body> <div id="accessibility"> <a href="#container">본문 바로가기</a> <a href="#header_wrap">대메뉴 바로가기</a> </div> <!-- wrap, main --> <div id="wrap" class="main"> <!-- header start --> <script type="text/javascript" src="/resources/js/search/search.js"></script> <script type="text/javascript"> $(function(){ if($(".depth_3").length || $(".tab").length || $(".step").length){ $(".depth_3 li a, .tab li a, .step li .cont").matchHeight({ byRow: true, property: 'height', target: null, remove: false }); } //메뉴 var navMenu = $("#nav li"), childUl = $('ul'); $.fn.showMenu = function() { return $(this).children(childUl).stop().addClass('on'); } $.fn.hideMenu = function() { return $(this).children(childUl).stop().removeClass('on'); } navMenu.mouseover($.fn.showMenu); navMenu.mouseleave($.fn.hideMenu); navMenu.focusin($.fn.showMenu); navMenu.next().focusin(function(){ $(this).siblings().children(childUl).stop().removeClass('on'); }); navMenu.next('li:last').focusout(function(){ navMenu.children(childUl).stop().removeClass('on'); }); // 서브메뉴 포커스 추가 $('.home>a').focus(function(){ $('div[class="location"] div:eq(1)>ul').hide(); }) $('div[class="location"] div:eq(1)>a').focus(function(){ $('div[class="location"] div:eq(1)>ul').show(); $('div[class="location"] div:eq(2)>ul').hide(); }) $('div[class="location"] div:eq(2)>a').focus(function(){ $('div[class="location"] div:eq(1)>ul').hide(); $('div[class="location"] div:eq(2)>ul').show(); $('div[class="location"] div:eq(3)>ul').hide(); }) $('div[class="location"] div:eq(3)>a').focus(function(){ $('div[class="location"] div:eq(2)>ul').hide(); $('div[class="location"] div:eq(3)>ul').show(); $('div[class="location"] div:eq(4)>ul').hide(); }) $('div[class="location"] div:eq(4)>a').focus(function(){ $('div[class="location"] div:eq(3)>ul').hide(); $('div[class="location"] div:eq(4)>ul').show(); }) $('.facebook').focus(function(){ $('div[class="location"] div:eq(2)>ul').hide(); $('div[class="location"] div:eq(3)>ul').hide(); $('div[class="location"] div:eq(4)>ul').hide(); }) $('a[href="#header_wrap"]').on('click',function(){ setTimeout(function(){ $('div[class="header grab"] nav ul li:eq(0) a:eq(0)').focus(); },0) }) $('a[href="#gnb"]').on('click',function(){ setTimeout(function(){ $('div[class="header grab"] nav ul li:eq(0) a:eq(0)').focus(); },0) }) }); </script> <!-- header start --> <header id="header_wrap"> <div class="header grab"> <h1><a class="navbar-brand" href="/index"> <img src="/resources/images/main_logo.png" alt="KASI 한국천문연구원 천문우주지식정보" class="sub_logo"> <img src="/resources/images/main_logo.png" alt="KASI 한국천문연구원 천문우주지식정보" class="main_logo"> <img src="/resources/images/main_logo.png" alt="KASI 천문우주지식정보" class="sub_logo mobile_logo"> <img src="/resources/images/main_logo.png" alt="KASI 천문우주지식정보" class="sub_logo mobile_logo_w"> </a></h1> <nav id="gnb"> <h2 class="sr-only">주메뉴</h2> <a href='#' class="mobile-nav-link"></a> </nav> <!-- header_btn --> <div class="header_btn"> <a href="#" title="통합검색 바로가기" class="search" id="btnSearch"><i class="glyphicon glyphicon-search"><span class="sr-only">검색</span></i></a> <a href="#none" title="사이트맵 바로가기" class="sitemap" data-toggle="modal" data-target="#siteMapModal"><i class="glyphicon glyphicon-menu-hamburger"><span class="sr-only">사이트맵</span></i></a> </div> <!-- //header_btn --> </div> <nav class="mobile_nav"> <div class="nav-menu"> <div class="top-btn"> <a href="#" data-toggle="modal" data-target="#siteMapModal" class="b_sitemap">사이트맵</a> <a href="/search/search" class="b_search">통합검색</a> </div> <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> <div class="depth1"> <a data-toggle="collapse" class="collapsed" role="tab" data-parent="#accordion" href="#depth1_1" aria-expanded="true" aria-controls="depth1_1"> 생활천문관 </a> <div id="depth1_1" class="depth2 collapse" role="tabpanel" aria-labelledby="depth1_1"> <div class="depth2_list"> <a href="/life/pageView/8">음양력변환계산</a> </div> <div class="depth2_list"> <a href="/life/pageView/5">월별 음양력</a> </div> <div class="depth2_list"> <div class="depth3"> <a data-toggle="collapse" role="tab" data-parent="#accordion" href="#depth1_03" aria-expanded="true" aria-controls="depth1_03"> 달력자료(월력요항) </a> <div id="depth1_03" class="depth2 collapse" role="tabpanel" aria-labelledby="depth1_03"> <div class="depth3_list"><a href="/life/post/calendarData">달력자료</a></div> <div class="depth3_list"><a href="/life/post/almanac">월력요항</a></div> </div> </div> </div> <div class="depth2_list"> <a href="/life/pageView/9">일출일몰시각계산</a> </div> <div class="depth2_list"> <a href="/life/pageView/6">월별 해/달 출몰시각</a> </div> <div class="depth2_list"> <a href="/life/pageView/10">태양 고도/방위각계산</a> </div> <div class="depth2_list"> <a href="/life/pageView/7">월별 천문현상</a> </div> </div> </div> <div class="depth1"> <a data-toggle="collapse" class="collapsed" role="tab" data-parent="#accordion" href="#depth1_2" aria-expanded="true" aria-controls="depth1_2"> 천문학습관 </a> <div id="depth1_2" class="depth2 collapse" role="tabpanel" aria-labelledby="depth1_2"> <div class="depth2_list"> <div class="depth3"> <a data-toggle="collapse" role="tab" data-parent="#accordion" href="#depth2_01" aria-expanded="true" aria-controls="depth2_01"> 태양계 </a> <div id="depth2_01" class="depth2 collapse" role="tabpanel" aria-labelledby="depth2_01"> <div class="depth3_list"><a href="/learning/pageView/5108">태양계 개요</a></div> <div class="depth3_list"><a href="/learning/pageView/5123">태양</a></div> <div class="depth3_list"><a href="/learning/pageView/5132">수성</a></div> <div class="depth3_list"><a href="/learning/pageView/5135">금성</a></div> <div class="depth3_list"><a href="/learning/pageView/5138">지구</a></div> <div class="depth3_list"><a href="/learning/pageView/5145">화성</a></div> <div class="depth3_list"><a href="/learning/pageView/5148">목성</a></div> <div class="depth3_list"><a href="/learning/pageView/5152">토성</a></div> <div class="depth3_list"><a href="/learning/pageView/5157">천왕성</a></div> <div class="depth3_list"><a href="/learning/pageView/5161">해왕성</a></div> <div class="depth3_list"><a href="/learning/pageView/5165">왜소행성</a></div> <div class="depth3_list"><a href="/learning/pageView/5168">소행성</a></div> <div class="depth3_list"><a href="/learning/pageView/5172">혜성</a></div> <div class="depth3_list"><a href="/learning/pageView/5175">유성</a></div> <div class="depth3_list"><a href="/learning/pageView/5027">카이퍼 벨트</a></div> <div class="depth3_list"><a href="/learning/pageView/5028">오르트 구름</a></div> <div class="depth3_list"><a href="/learning/pageView/5178">우주천문학</a></div> </div> </div> </div> <div class="depth2_list"> <div class="depth3"> <a data-toggle="collapse" role="tab" data-parent="#accordion" href="#depth2_02" aria-expanded="true" aria-controls="depth2_02"> 일식 </a> <div id="depth2_02" class="depth2 collapse" role="tabpanel" aria-labelledby="depth2_02"> <div class="depth3_list"><a href="/learning/pageView/6299">1991~2000</a></div> <div class="depth3_list"><a href="/learning/pageView/6189">2001~2010</a></div> <div class="depth3_list"><a href="/learning/pageView/6209">2011~2020</a></div> <div class="depth3_list"><a href="/learning/pageView/6233">2021~2030<span class="label">2025</span></a></div> <div class="depth3_list"><a href="/learning/pageView/6255">2031~2040</a></div> <div class="depth3_list"><a href="/learning/pageView/6277">2041~2050</a></div> </div> </div> </div> <div class="depth2_list"> <div class="depth3"> <a data-toggle="collapse" role="tab" data-parent="#accordion" href="#depth2_03" aria-expanded="true" aria-controls="depth2_03"> 월식 </a> <div id="depth2_03" class="depth2 collapse" role="tabpanel" aria-labelledby="depth2_03"> <div class="depth3_list"><a href="/learning/pageView/5773">1951~1960</a></div> <div class="depth3_list"><a href="/learning/pageView/5796">1961~1970</a></div> <div class="depth3_list"><a href="/learning/pageView/5819">1971~1980</a></div> <div class="depth3_list"><a href="/learning/pageView/5842">1981~1990</a></div> <div class="depth3_list"><a href="/learning/pageView/5888">1991~2000</a></div> <div class="depth3_list"><a href="/learning/pageView/5864">2001~2010</a></div> <div class="depth3_list"><a href="/learning/pageView/5911">2011~2020</a></div> <div class="depth3_list"><a href="/learning/pageView/5934">2021~2030<span class="label">2025</span></a></div> <div class="depth3_list"><a href="/learning/pageView/5956">2031~2040</a></div> <div class="depth3_list"><a href="/learning/pageView/5979">2041~2050</a></div> <div class="depth3_list"><a href="/learning/pageView/6322">2051~2060</a></div> <div class="depth3_list"><a href="/learning/pageView/6345">2061~2070</a></div> </div> </div> </div> <div class="depth2_list"> <div class="depth3"> <a data-toggle="collapse" role="tab" data-parent="#accordion" href="#depth2_04" aria-expanded="true" aria-controls="depth2_04"> 천체 </a> <div id="depth2_04" class="depth2 collapse" role="tabpanel" aria-labelledby="depth2_04"> <div class="depth3_list"><a href="/learning/pageView/6372">항성</a></div> <div class="depth3_list"><a href="/learning/pageView/5198">성운과 성단</a></div> <div class="depth3_list"><a href="/learning/pageView/5201">은하</a></div> <div class="depth3_list"><a href="/learning/pageView/5038">메시에 목록</a></div> </div> </div> </div> <div class="depth2_list"> <div class="depth3"> <a data-toggle="collapse" role="tab" data-parent="#accordion" href="#depth2_05" aria-expanded="true" aria-controls="depth2_05"> 천체물리학 </a> <div id="depth2_05" class="depth2 collapse" role="tabpanel" aria-labelledby="depth2_05"> <div class="depth3_list"><a href="/learning/pageView/5204">행성의 거리</a></div> <div class="depth3_list"><a href="/learning/pageView/5206">밝기</a></div> <div class="depth3_list"><a href="/learning/pageView/5208">스펙트럼</a></div> <div class="depth3_list"><a href="/learning/pageView/5042">색깔과 온도</a></div> <div class="depth3_list"><a href="/learning/pageView/5209">별의 위치</a></div> <div class="depth3_list"><a href="/learning/pageView/5214">별의 거리</a></div> <div class="depth3_list"><a href="/learning/pageView/5224">천체역학</a></div> <div class="depth3_list"><a href="/learning/pageView/5230">역학</a></div> <div class="depth3_list"><a href="/learning/pageView/6387">이론</a></div> <div class="depth3_list"><a href="/learning/pageView/6380">우주론</a></div> <div class="depth3_list"><a href="/learning/pageView/5048">천문단위</a></div> </div> </div> </div> <div class="depth2_list"> <div class="depth3"> <a data-toggle="collapse" role="tab" data-parent="#accordion" href="#depth2_06" aria-expanded="true" aria-controls="depth2_06"> 우주탐사 </a> <div id="depth2_06" class="depth2 collapse" role="tabpanel" aria-labelledby="depth2_06"> <div class="depth3_list"><a href="/learning/pageView/5053">로켓의 발달</a></div> <div class="depth3_list"><a href="/learning/pageView/5054">우주왕복선</a></div> <div class="depth3_list"><a href="/learning/pageView/5258">태양계 탐사</a></div> <div class="depth3_list"><a href="/learning/pageView/5262">외계행성 찾기</a></div> <div class="depth3_list"><a href="/learning/pageView/5264">외계생명체 찾기</a></div> </div> </div> </div> <div class="depth2_list"> <div class="depth3"> <a data-toggle="collapse" role="tab" data-parent="#accordion" href="#depth2_07" aria-expanded="true" aria-controls="depth2_07"> 별자리 </a> <div id="depth2_07" class="depth2 collapse" role="tabpanel" aria-labelledby="depth2_07"> <div class="depth3_list"><a href="/learning/pageView/5058">별자리 기원</a></div> <div class="depth3_list"><a href="/learning/pageView/5059">별자리 상식</a></div> <div class="depth3_list"><a href="/learning/pageView/5267">북반구의 별자리</a></div> <div class="depth3_list"><a href="/learning/pageView/5272">별자리 전설</a></div> <div class="depth3_list"><a href="/learning/pageView/5324">별자리 구성</a></div> <div class="depth3_list"><a href="/learning/pageView/5376">동양의 별자리</a></div> </div> </div> </div> <div class="depth2_list"> <div class="depth3"> <a data-toggle="collapse" role="tab" data-parent="#accordion" href="#depth2_08" aria-expanded="true" aria-controls="depth2_08"> 망원경 </a> <div id="depth2_08" class="depth2 collapse" role="tabpanel" aria-labelledby="depth2_08"> <div class="depth3_list"><a href="/learning/pageView/5064">역사</a></div> <div class="depth3_list"><a href="/learning/pageView/5387">원리</a></div> <div class="depth3_list"><a href="/learning/pageView/5390">종류</a></div> <div class="depth3_list"><a href="/learning/pageView/5394">가대</a></div> <div class="depth3_list"><a href="/learning/pageView/5396">활용</a></div> <div class="depth3_list"><a href="/learning/pageView/5069">선택방법</a></div> <div class="depth3_list"><a href="/learning/pageView/5402">관련부품</a></div> <div class="depth3_list"><a href="/learning/pageView/6388">국내천문대</a></div> <div class="depth3_list"><a href="/learning/pageView/6394">세계의 망원경</a></div> <div class="depth3_list"><a href="/learning/pageView/5384">고천문의기</a></div> </div> </div> </div> <div class="depth2_list"> <div class="depth3"> <a data-toggle="collapse" role="tab" data-parent="#accordion" href="#depth2_09" aria-expanded="true" aria-controls="depth2_09"> 천문우주 동영상 </a> <div id="depth2_09" class="depth2 collapse" role="tabpanel" aria-labelledby="depth2_09"> <div class="depth3_list"><a href="/learning/post/educationVideo">천문우주 교육동영상</a></div> <div class="depth3_list"><a href="/learning/post/mediaGallery">별별우주동영상</a></div> </div> </div> </div> <div class="depth2_list"> <a href="/learning/pageView/6384">천문학자</a> </div> <div class="depth2_list"> <div class="depth3"> <a data-toggle="collapse" role="tab" data-parent="#accordion" href="#depth2_011" aria-expanded="true" aria-controls="depth2_011"> 논문 </a> <div id="depth2_011" class="depth2 collapse" role="tabpanel" aria-labelledby="depth2_011"> <div class="depth3_list"><a href="/learning/pageView/1623">한국천문학회지</a></div> <div class="depth3_list"><a href="/learning/pageView/1628">한국우주과학회지</a></div> <div class="depth3_list"><a href="/learning/pageView/6391">ADS 논문검색</a></div> </div> </div> </div> </div> </div> <div class="depth1"> <a data-toggle="collapse" class="collapsed" role="tab" data-parent="#accordion" href="#depth1_3" aria-expanded="true" aria-controls="depth1_3"> 천문기록관 </a> <div id="depth1_3" class="depth2 collapse" role="tabpanel" aria-labelledby="depth1_3"> <div class="depth2_list"> <a href="/almanac/pageView/26">역서별</a> </div> <div class="depth2_list"> <a href="/almanac/pageView/27">연도별</a> </div> <div class="depth2_list"> <a href="/almanac/pageView/24">천문 기록 검색</a> </div> </div> </div> <div class="depth1"> <a data-toggle="collapse" class="collapsed" role="tab" data-parent="#accordion" href="#depth1_4" aria-expanded="true" aria-controls="depth1_4"> 공공데이터 </a> <div id="depth1_4" class="depth2 collapse" role="tabpanel" aria-labelledby="depth1_4"> <div class="depth2_list"> <div class="depth3"> <a data-toggle="collapse" role="tab" data-parent="#accordion" href="#depth4_01" aria-expanded="true" aria-controls="depth4_01"> 은하중심 24시 </a> <div id="depth4_01" class="depth2 collapse" role="tabpanel" aria-labelledby="depth4_01"> <div class="depth3_list"><a href="/publicdata/pageView/6438">고밀도 연속관측 데이터</a></div> <div class="depth3_list"><a href="/publicdata/pageView/6439">KMTNet 데이터 받기</a></div> <div class="depth3_list"><a href="/publicdata/pageView/6440">데이터 가공사례</a></div> </div> </div> </div> <div class="depth2_list"> <div class="depth3"> <a data-toggle="collapse" role="tab" data-parent="#accordion" href="#depth4_02" aria-expanded="true" aria-controls="depth4_02"> 우리의 별 태양 </a> <div id="depth4_02" class="depth2 collapse" role="tabpanel" aria-labelledby="depth4_02"> <div class="depth3_list"><a href="/publicdata/pageView/6441">태양의 물리적 특징</a></div> <div class="depth3_list"><a href="/publicdata/pageView/6442">태양데이터</a></div> <div class="depth3_list"><a href="/publicdata/pageView/6443">데이터 활용하기</a></div> </div> </div> </div> <div class="depth2_list"> <div class="depth3"> <a data-toggle="collapse" role="tab" data-parent="#accordion" href="#depth4_03" aria-expanded="true" aria-controls="depth4_03"> 우주로부터의 라디오 방송 </a> <div id="depth4_03" class="depth2 collapse" role="tabpanel" aria-labelledby="depth4_03"> <div class="depth3_list"><a href="/publicdata/pageView/6445">우주전파란?</a></div> <div class="depth3_list"><a href="/publicdata/pageView/6446">초장기선 전파간섭계란?</a></div> <div class="depth3_list"><a href="/publicdata/pageView/6447">데이터 받기</a></div> <div class="depth3_list"><a href="/publicdata/pageView/6448">데이터 가공사례</a></div> </div> </div> </div> </div> </div> <div class="depth1"> <a data-toggle="collapse" class="collapsed" role="tab" data-parent="#accordion" href="#depth1_5" aria-expanded="true" aria-controls="depth1_5"> 천문지식참여 </a> <div id="depth1_5" class="depth2 collapse" role="tabpanel" aria-labelledby="depth1_5"> <div class="depth2_list"> <a href="/community/post/faq">자주하는 질문</a> </div> </div> </div> <div class="depth1"> <a data-toggle="collapse" class="collapsed" role="tab" data-parent="#accordion" href="#depth1_6" aria-expanded="true" aria-controls="depth1_6"> 정보공개&활용 </a> <div id="depth1_6" class="depth2 collapse" role="tabpanel" aria-labelledby="depth1_6"> <div class="depth2_list"> <a href="/information/pageView/31">Open API</a> </div> <div class="depth2_list"> <div class="depth3"> <a data-toggle="collapse" role="tab" data-parent="#accordion" href="#depth6_02" aria-expanded="true" aria-controls="depth6_02"> 티커서비스 </a> <div id="depth6_02" class="depth2 collapse" role="tabpanel" aria-labelledby="depth6_02"> <div class="depth3_list"><a href="/information/ticker/pageView/32">티커서비스 소개</a></div> <div class="depth3_list"><a href="/information/ticker/pageView/1626">티커서비스 신청</a></div> </div> </div> </div> <div class="depth2_list"> <div class="depth3"> <a data-toggle="collapse" role="tab" data-parent="#accordion" href="#depth6_03" aria-expanded="true" aria-controls="depth6_03"> 천문갤러리 </a> <div id="depth6_03" class="depth2 collapse" role="tabpanel" aria-labelledby="depth6_03"> <div class="depth3_list"><a href="">천체사진공모전 수상작</a></div> <div class="depth3_list"><a href="">천문현상 사진 및 영상</a></div> </div> </div> </div> </div> </div> </div> </div> </nav> <div class="mobile_nav_bg"></div> </header> <!-- header end --> <!-- searchDrop --> <script type="text/javascript"> $(document).ready(function(){ var flag = 0; $("#btnSearch").click(function(){ if (flag === 0) { $("#searchDrop").show(); flag = 1; }else{ $("#searchDrop").hide(); flag = 0; } }); $("#search_close").click(function(){ if (flag === 1) { $("#searchDrop").hide(); flag = 0; } }); $(document).click(function (event) { if (!$(event.target).hasClass('ico_search')) { if ($("#searchDrop").is(':visible') && !($(event.target).closest('.bg').length > 0 || $(event.target).closest('#header_wrap').length > 0)) { $("#search_close").click() } } }) }); </script> <div id="searchDrop"> <div class="bg"> <div class="grab"> <!-- search_write --> <form name="searchForm_main" id="searchForm_main" class="form-horizontal" method="post"> <fieldset> <legend>통합검색</legend> <h4 class="tit">통합검색</h4> <div class="cont"> <div class="search_input"> <label class="sr-only" for="search_txt">검색어</label> <input name="search_txt" id="search_txt" placeholder="검색어를 입력하여 주세요" value="" onkeypress = "if(event.keyCode==13){allSearch('main','header');return false;}" class="form-control" type="text"> <button type="button" class="btn_search" onclick="allSearch('main','header');"><i class="ico_search"><span class="sr-only">검색</span></i></button> <a href="/search/search" class="btn white">통합검색 바로가기<i class="arr_right"></i></a> </div> <div class="keyword"> <strong class="">인기검색어<img src="/resources/images/common/searchDrop_keyword_arr.png" alt=""></strong> <ul> <li><a href="javascript:mainSelectSearch('24절기')"> 24절기 </a></li> <li><a href="javascript:mainSelectSearch('금성')"> 금성 </a></li> <li><a href="javascript:mainSelectSearch('개기월식')"> 개기월식 </a></li> <li><a href="javascript:mainSelectSearch('개기일식')"> 개기일식 </a></li> <li><a href="javascript:mainSelectSearch('월식')"> 월식 </a></li> </ul> </div> </div> </fieldset> <input type="hidden" id="searchTerm_main" name="searchTerm_main" value=""/> </form> <!-- //search_write --> <button type="button" class="close" id="search_close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><img src="/resources/images/common/modal_close.png" alt="모달창 닫기"></span></button><div class="sr-only">모달창 닫기</div> </div> </div> </div> <!--// searchDrop --> <!-- topInfo 서브메인처리--> <div class="grab topInfo"> <!-- 1depth --> <div id="nav_title" class=""> </div> <!-- //1depth --> <!-- location --> <div id="location_wrap"> <div class="location"> <div class="home"> <a href="/index"><span class="glyphicon glyphicon-home"><strong class="sr-only">홈으로 이동</strong></span></a> </div> <div class="dropdown"> <ul class="dropdown-menu" role="menu"> <li role="presentation"> <a href="/life/pageView/39">생활천문관</a> </li> <li role="presentation"> <a href="/learning/pageView/40">천문학습관</a> </li> <li role="presentation"> <a href="/almanac/pageView/41">천문기록관</a> </li> <li role="presentation"> <a href="/publicdata/pageView/6437">공공데이터</a> </li> <li role="presentation"> <a href="/community/post/faq">천문지식참여</a> </li> <li role="presentation"> <a href="/information/pageView/31">정보공개&활용</a> </li> </ul> </div> <div class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>일출일몰시각계산</span><i class="location_arrbox"><img src="/resources/images/common/location_arrbox.gif" alt=""></i></a> <ul class="dropdown-menu" role="menu"> <li role="presentation"> <a href="/life/pageView/8">음양력변환계산</a> </li> <li role="presentation"> <a href="/life/pageView/5">월별 음양력</a> </li> <li role="presentation"> <a href="/life/post/calendarData">달력자료(월력요항)</a> </li> <li role="presentation"> <a href="/life/pageView/9">일출일몰시각계산</a> </li> <li role="presentation"> <a href="/life/pageView/6">월별 해/달 출몰시각</a> </li> <li role="presentation"> <a href="/life/pageView/10">태양 고도/방위각계산</a> </li> <li role="presentation"> <a href="/life/pageView/7">월별 천문현상</a> </li> </ul> </div> <div class="dropdown"> <ul class="dropdown-menu" role="menu"> </ul> </div> </div> <div class="clearfix"></div> <!-- sns box --> <div class="sns_box"> </div> </div> <!--// location --> <div id="printtitle"> <div class="tit_nav"> <h3> </h3> </div> </div> <div class="clearfix"></div> </div> <div class="mobile_topInfo mobile_topbg1"> <h2 class="tit"></h2> <div class="topinfo"> <ul class="location"> <li class="fir"><span class="glyphicon glyphicon-home"><strong class="sr-only">홈으로 이동</strong></span></li> <li class="mobile_depth1"></li> <li class="mobile_depth2 active"></li> </ul> <div class="dropdown social"> <a class="social_btn" id="dLabel" data-target="#" href="#" data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false"> <span class="sr-only">SNS더보기 및 프린트하기</span> </a> <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> <li><a href="javascript:sendFaceBook('','/WEB-INF/views//webFront/home/kor_home.jsp')"><i class="icon-facebook"></i><span>Facebook</span></a></li> <li><a href="javascript:sendTwitter('','/WEB-INF/views//webFront/home/kor_home.jsp')"><i class="icon-twitter"></i><span>Twitter</span></a></li> </ul> </div> </div> </div> <div class="mobile_tit_nav container"> <h3></h3> </div> <script> $(function () { var mobileTab = $('.mobile_topInfo'); var depths = $('#location_wrap').find('a.dropdown-toggle span'); mobileTab.find('h2.tit').text($(depths[0]).text()); mobileTab.find('.mobile_depth1').text($(depths[0]).text()); mobileTab.find('.mobile_depth2').text($(depths[1]).text()); }) </script> <div class="modal Submodal familySiteModal fade" id="familySiteModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" id="siteContent"> <h3 class="h3_title_noimg">관련사이트</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button><div class="sr-only">모달창 닫기</div> </div> </div> <!-- //familySiteModal --> <!-- header end --> <section id="" class="main_area"> <!-- 주요명소 일몰일출 시각 팝업 --> <!-- <div class="main_popup" style="position: absolute; top: 50px;"> <a href="/life/pageView/6?type=main"><img src="/resources/images/main/main_popup_221228.png" alt="주요 명소 연람 일몰 시각 및 새해 일출 시각 확인하기"></a> </div> --> <!-- 슬로건&오늘의천문정보 --> <div class="main_tit_main_month"> <div id="effect" class="main_tit"> <p id="div-to-animate">우리 생활 속 우주정보</p> <p id="div-to-animate2">천문우주지식정보</p> <!-- <p id="another-div-to-animate" class="small">고대부터 현대까지의 천문 관측자료, 학습자료를 제공합니다.</p> --> </div> <div class="main_sun"> <dl class="main_sun_tit"> <dt>12월 27일 금요일</dt> <dd>(음력 11월 27일)</dd> <dd><span>*서울 기준</span></dd> </dl> <div class="sun_panel"> <div class="sun_chart part3"> <div class="move_sun"></div> <div class="progress_bar"> <div class="current_bar"> <span class="bar"></span> </div> </div> <div class="sun_info"> <span class="icon_area"><img src="/resources/images/main_icon6.png" alt=""></span> <div class="time_list"> <div class="time_ttl"><span>일출</span>07:42</div> <div class="time_ttl"><span>일몰</span>17:27</div> </div> </div> </div> </div> <div class="main_moon"> <div class="time_ttl"><span>월출</span><small>오전</small> 7:41</div> <div><img src="/resources/images/content/new_calendar_moon08.png" alt="월령 7.2 달 이미지"></div> <div class="time_ttl"><span>월몰</span><small>오후</small> 5:22</div> <p>월령 26.5</p> </div> </div> </div> <!-- 월별 해/달 출몰시각&모달창 --> <div class="main_month"> <dl> <dt>월별 해/달 출몰시각</dt> <dd>지역별 월별 해/달 출몰 시각을 보실 수 있습니다.</dd> </dl> <div> <div class="group_s group" style="vertical-align: top; display:none;"> <input id="yearInput" name="year" class="form-control" size="16" type="hidden" autocomplete="false" placeholder="년도" title="년도"> <div class="dropdown"> <input id="dropdownMenu1" name="dropdownMenu1" class="form-control" size="16" type="hidden" autocomplete="false" placeholder="월" title="월"> </div> </div> <div class="group_s group"> <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-expanded="true"> 시도 <span class="caret"></span> </button> <ul class="dropdown-menu dropdown-menu2" aria-labelledby="dropdownMenu2"> <li class="area1"><a href="javascript:" class="Gangwon">강원도</a></li> <li class="area5"><a href="javascript:">울릉도</a></li> <li class="area6"><a href="javascript:">독도</a></li> <li class="area3"><a href="javascript:" class="Incheon">인천</a></li> <li class="area2"><a href="javascript:">서울</a></li> <li class="area4"><a href="javascript:" class="Gyeonggi">경기도</a></li> <li class="area7"><a href="javascript:" class="Gyeongbuk">경상북도</a></li> <li class="area8_2"><a href="javascript:" class="Chungbuk">충청북도</a></li> <li class="area8"><a href="javascript:" class="Chungnam">충청남도</a></li> <li class="area9_2"><a href="javascript:">세종</a></li> <li class="area9"><a href="javascript:">대전</a></li> <li class="area10"><a href="javascript:">대구</a></li> <li class="area11"><a href="javascript:" class="Jeonbuk">전라북도</a></li> <li class="area12"><a href="javascript:">광주</a></li> <li class="area13"><a href="javascript:">울산</a></li> <li class="area14"><a href="javascript:">부산</a></li> <li class="area15"><a href="javascript:" class="Gyeongnam">경상남도</a></li> <li class="area16"><a href="javascript:" class="Jeonnam">전라남도</a></li> <li class="area17"><a href="javascript:" class="Jeju">제주도</a></li> </ul> </div> <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu3" data-toggle="dropdown" aria-expanded="true"> 주요지역 <span class="caret"></span> </button> <ul class="dropdown-menu dropdown-menu3" aria-labelledby="dropdownMenu3"> </ul> </div> </div> <a href="javascript:" class="btn black" id="searchButton">검색</a> </div> </div> <div class="modal fade Submodal sunMoonMaploc_popup" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-dialog" id="printableModal"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button><div class="sr-only">모달창 닫기</div> <div class="sunMoonMap_table"> <h4 class="h4_title mt_0"><span id="title-month-span"></span> <span id="title-location-span"></span>지역 일월출몰/박명시각</h4> <form name="searchForm" id="searchForm" class="form-horizontal"> <fieldset> <legend>검색샘플</legend> <div class="search_write"> <div class="form-group text-center"> <span class="txt">입력범위 : 1896년~2051년</span> <div class="group_s group" style="vertical-align: top;"> <input id="modalYear" name="year" class="form-control" size="16" type="text" autocomplete="true" placeholder="년도" title="년도"> </div> <div class="group_s group"> <div class="dropdown"> <input type="hidden" name="month" id="monthInput"> <button class="btn btn-default dropdown-toggle" type="button" id="modalDropdownMenu1" data-toggle="dropdown" aria-expanded="true"> 전체 <span class="caret"></span> </button> </button> <ul class="dropdown-menu dropdown-menuModal" role="menu" aria-labelledby="monthDropdown"> <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:" class="selectMonth" data-month="1월">1월</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:" class="selectMonth" data-month="2월">2월</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:" class="selectMonth" data-month="3월">3월</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:" class="selectMonth" data-month="4월">4월</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:" class="selectMonth" data-month="5월">5월</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:" class="selectMonth" data-month="6월">6월</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:" class="selectMonth" data-month="7월">7월</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:" class="selectMonth" data-month="8월">8월</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:" class="selectMonth" data-month="9월">9월</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:" class="selectMonth" data-month="10월">10월</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:" class="selectMonth" data-month="11월">11월</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:" class="selectMonth" data-month="12월">12월</a></li> </ul> </div> </div> <a href="javascript:" class="btn black" id="searchModalButton">검색</a> </div> <div class="clearfix"></div> </div> </fieldset> </form> <!-- //search_write --> <div class="mt_25 text-right buttons"> <a class="btn b-dot white print_btn" href="javascript:openPrintWindow('#printableModal')" title="새창열림"> 화면 프린트하기 </a> <a href="#" title="엑셀 다운로드" id="excelLink" class="btn b-dot white" target="_blank"> <img src="/resources/images/ico/icon_xls.png" alt="xls"> 자료 다운받기 </a> </div> <div class="table-responsive mt_10 sunMoonMap_modal_table"> <table class="table tbl_cnt tbl_border tbl_center"> <caption>2016년 12월 31일 각 지방의 연말 해넘이에 대한 각 지역의 일몰 시간을 확인하실 수 있습니다.</caption> <thead> <tr> <th scope="col" rowspan="2">양력(일)</th> <th scope="col" rowspan="2">음력</th> <th scope="col" colspan="3">일출몰</th> <th scope="col" colspan="3">월출몰</th> <th scope="col" colspan="2">시민박명</th> <th scope="col" colspan="2">항해박명</th> <th scope="col" colspan="2">천문박명</th> </tr> <tr> <th scope="col">출</th> <th scope="col">남중</th> <th scope="col">몰</th> <th scope="col">출</th> <th scope="col">남중</th> <th scope="col">몰</th> <th scope="col">아침</th> <th scope="col">저녁</th> <th scope="col">아침</th> <th scope="col">저녁</th> <th scope="col">아침</th> <th scope="col">저녁</th> </tr> </thead> <tbody id="sunmoon-table-body"> </tbody> </table> </div> </div> </div> </div> <!--// 월별 해/달 출몰시각 모달창 --> <!-- //슬로건&월별해달출몰시각 --> <!-- 비주얼 및 빠른링크 --> <div class="main_visual_area"> <div class="bxslider"> <div><img src="/resources/images/main1.png" /></div> <div><img src="/resources/images/main2.png" /></div> <div><img src="/resources/images/main3.png" /></div> </div> <script type="text/javascript"> $('.bxslider').bxSlider({ auto: true, autoControls: false, stopAutoOnClick: true, pager: false }); </script> <div class="main_quick_btn_area"> <div class="main_quick_btn"> <dl> <a href="/life/pageView/8"> <dt>음양력변환 계산</dt> <dd>양력/음력 대응 날짜 확인</dd> </a> </dl> <dl> <a href="/life/pageView/5"> <dt>월별 음양력</dt> <dd>한 달간의 양력 날짜 확인</dd> </a> </dl> <dl> <a href="/life/post/calendarData"> <dt>달력자료(월력요항)</dt> <dd>달력 제작의 기준이 되는 정보</dd> </a> </dl> <dl> <a href="/life/pageView/10"> <dt>태양 고도/방위각 계산</dt> <dd>시각별 태양의 고도와 방위각</dd> </a> </dl> </div> </div> </div> <!-- //비주얼 및 빠른링크 --> <!-- 천문현상 --> <div class="main_calendar"> <h3><span id="date-display"></span> 천문현상</h3> <ul> <li class="holiday"> <div class="day"> <strong>08<span class="sr-only">일</span></strong> <span class="specialday"></span> </div> <div class="moon"> <img src="/resources/images/content/new_calendar_moon08.png" alt="월령 7.2 달 이미지"> <span class="data">11월 08일 </span> <span class="phase">월령 7.2</span> </div> <div class="sunmoonData"> <span ><strong>일출</strong>--:--</span> <span class="bar "><strong>일몰</strong>--:--</span><br> <span ><strong>월출</strong>--:--</span> <span class="bar "><strong>월몰</strong>--:--</span> </div> </li> <li> <div class="day"> <strong>09<span class="sr-only">일</span></strong> <span class="specialday"></span> </div> <div class="moon"> <img src="/resources/images/content/new_calendar_moon08.png" alt="월령 7.2 달 이미지"> <span class="data">11월 08일 </span> <span class="phase">월령 7.2</span> </div> <div class="sunmoonData"> <span ><strong>일출</strong>--:--</span> <span class="bar"><strong >일몰</strong>--:--</span><br> <span ><strong>월출</strong>--:--</span> <span class="bar"><strong>월몰</strong>--:--</span> </div> </li> <li> <div class="day"> <strong>10<span class="sr-only">일</span></strong> <span class="specialday"></span> </div> <div class="moon"> <img src="/resources/images/content/new_calendar_moon08.png" alt="월령 7.2 달 이미지"> <span class="data">11월 08일 </span> <span class="phase">월령 7.2</span> </div> <div class="sunmoonData"> <span><strong>일출</strong>--:--</span> <span class="bar"><strong>일몰</strong>--:--</span><br> <span><strong>월출</strong>--:--</span> <span class="bar"><strong>월몰</strong>--:--</span> </div> </li> <li> <div class="day"> <strong>11<span class="sr-only">일</span></strong> <span class="specialday"></span> </div> <div class="moon"> <img src="/resources/images/content/new_calendar_moon08.png" alt="월령 7.2 달 이미지"> <span class="data">11월 08일 </span> <span class="phase">월령 7.2</span> </div> <div class="sunmoonData"> <span><strong>일출</strong>--:--</span> <span class="bar"><strong>일몰</strong>--:--</span><br> <span><strong>월출</strong>--:--</span> <span class="bar"><strong>월몰</strong>--:--</span> </div> </li> <li> <div class="day"> <strong>12<span class="sr-only">일</span></strong> <span class="specialday"></span> </div> <div class="moon"> <img src="/resources/images/content/new_calendar_moon08.png" alt="월령 7.2 달 이미지"> <span class="data">11월 08일 </span> <span class="phase">월령 7.2</span> </div> <div class="sunmoonData"> <span><strong>일출</strong>--:--</span> <span class="bar"><strong>일몰</strong>--:--</span><br> <span><strong>월출</strong>--:--</span> <span class="bar"><strong>월몰</strong>--:--</span> </div> </li> <li> <div class="day"> <strong>13<span class="sr-only">일</span></strong> <span class="specialday"></span> </div> <div class="moon"> <img src="/resources/images/content/new_calendar_moon08.png" alt="월령 7.2 달 이미지"> <span class="data">11월 08일 </span> <span class="phase">월령 7.2</span> </div> <div class="sunmoonData"> <span><strong>일출</strong>--:--</span> <span class="bar"><strong>일몰</strong>--:--</span><br> <span><strong>월출</strong>--:--</span> <span class="bar"><strong>월몰</strong>--:--</span> </div> </li> <li class="sta"> <div class="day"> <strong>14<span class="sr-only">일</span></strong> <span class="specialday"></span> </div> <div class="moon"> <img src="/resources/images/content/new_calendar_moon08.png" alt="월령 7.2 달 이미지"> <span class="data">11월 08일 </span> <span class="phase">월령 7.2</span> </div> <div class="sunmoonData"> <span><strong>일출</strong>--:--</span> <span class="bar"><strong>일몰</strong>--:--</span><br> <span><strong>월출</strong>--:--</span> <span class="bar"><strong>월몰</strong>--:--</span> </div> </li> </ul> <p class="main_c_btn"><a href="/life/pageView/7">바로가기 <i class="glyphicon glyphicon-menu-right"></i></a></p> </div> <!-- //천문현상 --> <!-- 천문갤러리 --> <div class="main_gallery"> <h3> <span>천문</span>갤러리 <div class="main_c_btn"><a href="/information/astroGallery/astroContest/">바로가기 <i class="glyphicon glyphicon-menu-right"></i></a></div> </h3> <div class="slider1"> <div class="slide"> <a href="" data-toggle="modal" data-target="#imageModal-658"> <img src="/file/astroContest/thumbnail/sm_20230713111227721.jpg" alt="해파리 성운" onerror="this.src='/resources/images/adm/thumbnailimg.jpg'" /> </a> </div> <div class="slide"> <a href="" data-toggle="modal" data-target="#imageModal-657"> <img src="/file/astroContest/thumbnail/sm_20230713111158812.jpg" alt="화성, 암흑성운 그리고 혜성의 범상치 않은 만남" onerror="this.src='/resources/images/adm/thumbnailimg.jpg'" /> </a> </div> <div class="slide"> <a href="" data-toggle="modal" data-target="#imageModal-656"> <img src="/file/astroContest/thumbnail/sm_20230713111132698.jpg" alt="어린왕자의 자화상" onerror="this.src='/resources/images/adm/thumbnailimg.jpg'" /> </a> </div> <div class="slide"> <a href="" data-toggle="modal" data-target="#imageModal-655"> <img src="/file/astroContest/thumbnail/sm_20230713111102461.jpg" alt="오리온자리의 본모습" onerror="this.src='/resources/images/adm/thumbnailimg.jpg'" /> </a> </div> <div class="slide"> <a href="" data-toggle="modal" data-target="#imageModal-654"> <img src="/file/astroContest/thumbnail/sm_20230713111035391.jpg" alt="한울의 붉은나비" onerror="this.src='/resources/images/adm/thumbnailimg.jpg'" /> </a> </div> <div class="slide"> <a href="" data-toggle="modal" data-target="#imageModal-425"> <img src="https://img.youtube.com/vi/WfVYgnYZPto/0.jpg" alt="2020년 6월 21일 부분일식 영상" onerror="this.src='/resources/images/adm/thumbnailimg.jpg'" /> </a> </div> <div class="slide"> <a href="" data-toggle="modal" data-target="#imageModal-424"> <img src="https://img.youtube.com/vi/jrmHFS1Fbns/0.jpg" alt="2020년 6월 21일 부분일식 영상" onerror="this.src='/resources/images/adm/thumbnailimg.jpg'" /> </a> </div> <div class="slide"> <a href="" data-toggle="modal" data-target="#imageModal-423"> <img src="https://img.youtube.com/vi/AhF6Abbna80/0.jpg" alt="1월 31일 우리나라 밤하늘서 본 개기월식 영상" onerror="this.src='/resources/images/adm/thumbnailimg.jpg'" /> </a> </div> <div class="slide"> <a href="" data-toggle="modal" data-target="#imageModal-422"> <img src="https://img.youtube.com/vi/1ks6llzzxnU/0.jpg" alt="보현산천문대에서 찍은 한여름밤 하늘" onerror="this.src='/resources/images/adm/thumbnailimg.jpg'" /> </a> </div> <div class="slide"> <a href="" data-toggle="modal" data-target="#imageModal-421"> <img src="https://img.youtube.com/vi/kNbi3Ew7Ii4/0.jpg" alt="Summer in KASI with Total Solar Eclipse" onerror="this.src='/resources/images/adm/thumbnailimg.jpg'" /> </a> </div> </div> </div> <div class="modal fade bbs-photo" id="imageModal-658" tabindex="-1" role="dialog" aria-hidden="true"> <div class="vertical-alignment-helper"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="photomodal-tit"> <p>해파리 성운</p> <span>이시우</span> <div class="btn-wrap"> <button type="button" id="zoomBtn658" class="btn b-dot white zoom" onclick="zoomInOut(this, true);" data-class="zoom-in">크게보기 <img src="/resources/images/ico/icon_plus.png" alt=""></button> <button type="button" class="btn b-dot white" onclick="location.href='/filedownload/astroGallery/astroContest/658'"> 이미지 다운로드 <img src="/resources/images/ico/icon_download.png" alt=""> </button> </div> </div> <img src="/file/astroContest/thumbnail/sm_20230713111227721.jpg" alt="" onerror="this.src='/resources/images/adm/thumbnailimg.jpg'" /> <div class="txt"> 해파리 성운, 이시우<br>강원도 인제군에서 해파리를 닮아 해파리 성운(IC443)으로 불리는 천체를 촬영. 해파리 성운은 쌍둥이자리에 위치한 초신성 잔해로 지구에서 약 5,000광년 떨어져 있음 </div> <div class="openmark"> <img src="/resources/images/content/img_opentype04.jpg" alt="공공누리의 제 4유형"><span>본 저작물은 “공공누리 제4유형(출처표시, 비상업적 이용만 가능, 변형 등 2차적 저작물 작성 금지)” 조건에 따라 누구나 이용할 수 있습니다.</span> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button><div class="sr-only">모달창 닫기</div> </div> </div> </div> </div> </div> <div class="modal fade bbs-photo" id="imageModal-657" tabindex="-1" role="dialog" aria-hidden="true"> <div class="vertical-alignment-helper"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="photomodal-tit"> <p>화성, 암흑성운 그리고 혜성의 범상치 않은 만남</p> <span>지용호</span> <div class="btn-wrap"> <button type="button" id="zoomBtn657" class="btn b-dot white zoom" onclick="zoomInOut(this, true);" data-class="zoom-in">크게보기 <img src="/resources/images/ico/icon_plus.png" alt=""></button> <button type="button" class="btn b-dot white" onclick="location.href='/filedownload/astroGallery/astroContest/657'"> 이미지 다운로드 <img src="/resources/images/ico/icon_download.png" alt=""> </button> </div> </div> <img src="/file/astroContest/thumbnail/sm_20230713111158812.jpg" alt="" onerror="this.src='/resources/images/adm/thumbnailimg.jpg'" /> <div class="txt"> 화성, 암흑성운 그리고 혜성의 범상치 않은 만남, 지용호<br>2023년 2월, ZTF 혜성과 화성 그리고 황소자리 암흑성운(Baranard 22)이 조우하는 모습을 경기도 연천에서 촬영한 작품. 심우주 천체(암흑성운)와 태양계 천체(혜성과 화성)를 한자리에 담음 </div> <div class="openmark"> <img src="/resources/images/content/img_opentype04.jpg" alt="공공누리의 제 4유형"><span>본 저작물은 “공공누리 제4유형(출처표시, 비상업적 이용만 가능, 변형 등 2차적 저작물 작성 금지)” 조건에 따라 누구나 이용할 수 있습니다.</span> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button><div class="sr-only">모달창 닫기</div> </div> </div> </div> </div> </div> <div class="modal fade bbs-photo" id="imageModal-656" tabindex="-1" role="dialog" aria-hidden="true"> <div class="vertical-alignment-helper"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="photomodal-tit"> <p>어린왕자의 자화상</p> <span>강지수</span> <div class="btn-wrap"> <button type="button" id="zoomBtn656" class="btn b-dot white zoom" onclick="zoomInOut(this, true);" data-class="zoom-in">크게보기 <img src="/resources/images/ico/icon_plus.png" alt=""></button> <button type="button" class="btn b-dot white" onclick="location.href='/filedownload/astroGallery/astroContest/656'"> 이미지 다운로드 <img src="/resources/images/ico/icon_download.png" alt=""> </button> </div> </div> <img src="/file/astroContest/thumbnail/sm_20230713111132698.jpg" alt="" onerror="this.src='/resources/images/adm/thumbnailimg.jpg'" /> <div class="txt"> 어린왕자의 자화상, 강지수<br>강원도 양구에서 촬영하여 아홉 장의 사진으로 파노라마 편집한 작품. 가을 밤하늘을 가로지르는 은하수를 마치 어린왕자의 왕관처럼 표현했음 </div> <div class="openmark"> <img src="/resources/images/content/img_opentype04.jpg" alt="공공누리의 제 4유형"><span>본 저작물은 “공공누리 제4유형(출처표시, 비상업적 이용만 가능, 변형 등 2차적 저작물 작성 금지)” 조건에 따라 누구나 이용할 수 있습니다.</span> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button><div class="sr-only">모달창 닫기</div> </div> </div> </div> </div> </div> <div class="modal fade bbs-photo" id="imageModal-655" tabindex="-1" role="dialog" aria-hidden="true"> <div class="vertical-alignment-helper"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="photomodal-tit"> <p>오리온자리의 본모습</p> <span>이남경</span> <div class="btn-wrap"> <button type="button" id="zoomBtn655" class="btn b-dot white zoom" onclick="zoomInOut(this, true);" data-class="zoom-in">크게보기 <img src="/resources/images/ico/icon_plus.png" alt=""></button> <button type="button" class="btn b-dot white" onclick="location.href='/filedownload/astroGallery/astroContest/655'"> 이미지 다운로드 <img src="/resources/images/ico/icon_download.png" alt=""> </button> </div> </div> <img src="/file/astroContest/thumbnail/sm_20230713111102461.jpg" alt="" onerror="this.src='/resources/images/adm/thumbnailimg.jpg'" /> <div class="txt"> 오리온자리의 본모습, 이남경<br>오리온자리를 4패널로 나누어 촬영한 작품. 오리온자리의 세밀한 모습을 담기 위해 풀프레임 카메라와 다양한 배율의 렌즈를 활용함 </div> <div class="openmark"> <img src="/resources/images/content/img_opentype04.jpg" alt="공공누리의 제 4유형"><span>본 저작물은 “공공누리 제4유형(출처표시, 비상업적 이용만 가능, 변형 등 2차적 저작물 작성 금지)” 조건에 따라 누구나 이용할 수 있습니다.</span> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button><div class="sr-only">모달창 닫기</div> </div> </div> </div> </div> </div> <div class="modal fade bbs-photo" id="imageModal-654" tabindex="-1" role="dialog" aria-hidden="true"> <div class="vertical-alignment-helper"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="photomodal-tit"> <p>한울의 붉은나비</p> <span>강은선</span> <div class="btn-wrap"> <button type="button" id="zoomBtn654" class="btn b-dot white zoom" onclick="zoomInOut(this, true);" data-class="zoom-in">크게보기 <img src="/resources/images/ico/icon_plus.png" alt=""></button> <button type="button" class="btn b-dot white" onclick="location.href='/filedownload/astroGallery/astroContest/654'"> 이미지 다운로드 <img src="/resources/images/ico/icon_download.png" alt=""> </button> </div> </div> <img src="/file/astroContest/thumbnail/sm_20230713111035391.jpg" alt="" onerror="this.src='/resources/images/adm/thumbnailimg.jpg'" /> <div class="txt"> 한울의 붉은나비, 강은선<br>가시광선 영역의 시가은하(M82)와 적외선 영역의 수소가스 영역을 합친 작품. </div> <div class="openmark"> <img src="/resources/images/content/img_opentype04.jpg" alt="공공누리의 제 4유형"><span>본 저작물은 “공공누리 제4유형(출처표시, 비상업적 이용만 가능, 변형 등 2차적 저작물 작성 금지)” 조건에 따라 누구나 이용할 수 있습니다.</span> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button><div class="sr-only">모달창 닫기</div> </div> </div> </div> </div> </div> <div class="modal fade bbs-photo" id="imageModal-425" tabindex="-1" role="dialog" aria-hidden="true"> <div class="vertical-alignment-helper"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="photomodal-tit"> <p>2020년 6월 21일 부분일식 영상</p> <span>전영범</span> <div class="btn-wrap"> </div> </div> <div> <div class="embed-responsive embed-responsive-16by9"> <iframe id="player-425" class="embed-responsive-item" src="https://www.youtube.com/embed/WfVYgnYZPto?wmode=window" title="2020년 6월 21일 부분일식 영상에 대한 동영상입니다."></iframe> </div> </div> <div class="txt"> 2020년 6월 21일 부분일식 영상입니다. - 촬영장소 : 보현산천문대(경북 영천) - 촬영자 : 전영범 책임연구원00 </div> <div class="openmark"> <img src="/resources/images/content/img_opentype04.jpg" alt="공공누리의 제 4유형"><span>본 저작물은 “공공누리 제4유형(출처표시, 비상업적 이용만 가능, 변형 등 2차적 저작물 작성 금지)” 조건에 따라 누구나 이용할 수 있습니다.</span> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button><div class="sr-only">모달창 닫기</div> </div> </div> </div> </div> </div> <div class="modal fade bbs-photo" id="imageModal-424" tabindex="-1" role="dialog" aria-hidden="true"> <div class="vertical-alignment-helper"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="photomodal-tit"> <p>2020년 6월 21일 부분일식 영상</p> <span>박영식</span> <div class="btn-wrap"> </div> </div> <div> <div class="embed-responsive embed-responsive-16by9"> <iframe id="player-424" class="embed-responsive-item" src="https://www.youtube.com/embed/jrmHFS1Fbns?wmode=window" title="2020년 6월 21일 부분일식 영상에 대한 동영상입니다."></iframe> </div> </div> <div class="txt"> 2020년 6월 21일 부분일식 영상입니다. <br> <br>- 촬영장소 : 한국천문연구원 본원(대전) <br> <br>- 촬영자 : 박영식 선임연구원 </div> <div class="openmark"> <img src="/resources/images/content/img_opentype04.jpg" alt="공공누리의 제 4유형"><span>본 저작물은 “공공누리 제4유형(출처표시, 비상업적 이용만 가능, 변형 등 2차적 저작물 작성 금지)” 조건에 따라 누구나 이용할 수 있습니다.</span> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button><div class="sr-only">모달창 닫기</div> </div> </div> </div> </div> </div> <div class="modal fade bbs-photo" id="imageModal-423" tabindex="-1" role="dialog" aria-hidden="true"> <div class="vertical-alignment-helper"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="photomodal-tit"> <p>1월 31일 우리나라 밤하늘서 본 개기월식 영상</p> <span>박영식</span> <div class="btn-wrap"> </div> </div> <div> <div class="embed-responsive embed-responsive-16by9"> <iframe id="player-423" class="embed-responsive-item" src="https://www.youtube.com/embed/AhF6Abbna80?wmode=window" title="1월 31일 우리나라 밤하늘서 본 개기월식 영상에 대한 동영상입니다."></iframe> </div> </div> <div class="txt"> 2018.1.31. ~ 2.1. <br>전북 완주에서 촬영한 개기월식 모습입니다. <br>(촬영자 : 한국천문연구원(KASI) 우주과학본부 박영식) </div> <div class="openmark"> <img src="/resources/images/content/img_opentype04.jpg" alt="공공누리의 제 4유형"><span>본 저작물은 “공공누리 제4유형(출처표시, 비상업적 이용만 가능, 변형 등 2차적 저작물 작성 금지)” 조건에 따라 누구나 이용할 수 있습니다.</span> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button><div class="sr-only">모달창 닫기</div> </div> </div> </div> </div> </div> <div class="modal fade bbs-photo" id="imageModal-422" tabindex="-1" role="dialog" aria-hidden="true"> <div class="vertical-alignment-helper"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="photomodal-tit"> <p>보현산천문대에서 찍은 한여름밤 하늘</p> <span>전영범</span> <div class="btn-wrap"> </div> </div> <div> <div class="embed-responsive embed-responsive-16by9"> <iframe id="player-422" class="embed-responsive-item" src="https://www.youtube.com/embed/1ks6llzzxnU?wmode=window" title="보현산천문대에서 찍은 한여름밤 하늘에 대한 동영상입니다."></iframe> </div> </div> <div class="txt"> 한국천문연구원 전영범 박사가 찍은 2016년 8월 24일 한여름 밤의 모습. <br> <br>달이 뜨고 지는 것과 페르세우스 유성우 등 아름다운 하늘 풍경을 볼 수 있습니다. </div> <div class="openmark"> <img src="/resources/images/content/img_opentype04.jpg" alt="공공누리의 제 4유형"><span>본 저작물은 “공공누리 제4유형(출처표시, 비상업적 이용만 가능, 변형 등 2차적 저작물 작성 금지)” 조건에 따라 누구나 이용할 수 있습니다.</span> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button><div class="sr-only">모달창 닫기</div> </div> </div> </div> </div> </div> <div class="modal fade bbs-photo" id="imageModal-421" tabindex="-1" role="dialog" aria-hidden="true"> <div class="vertical-alignment-helper"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="photomodal-tit"> <p>Summer in KASI with Total Solar Eclipse</p> <span>한국천문연구원</span> <div class="btn-wrap"> </div> </div> <div> <div class="embed-responsive embed-responsive-16by9"> <iframe id="player-421" class="embed-responsive-item" src="https://www.youtube.com/embed/kNbi3Ew7Ii4?wmode=window" title="Summer in KASI with Total Solar Eclipse에 대한 동영상입니다."></iframe> </div> </div> <div class="txt"> (화면 자막) <br> <br>WOW PERFECT <br> <br>Summer in KASI with Total Solar Eclipse <br> <br>- Equipment test before the observation <br> <br>- Test Observation Equipment for coronagraph developed by KASI <br> <br>- Equipment test at Jackson Hall, Wyoming, United States <br> <br> <br> <br>(인터뷰) <br> <br>Director Dr. Cho : The main purpose of this observation is to verify the performance of filter system and CCD camera which are the core equipment of our coronagraph. <br> <br>저희들이 일식관측을 하는 목적은 저희들이 개발하려고 하는 코로나그라프의 핵심 장비인 필터시스템과 CCD카메라에 관한 성능 검사를 하기 위해 왔습니다. <br> <br> <br> <br>(화면 자막) <br> <br>The KASI expedition sets up the observation equipment. <br> <br> <br> <br>(인터뷰) <br> <br>Director Dr. Cho : A beautiful total solar eclipse took place over the clear sky. 2 minutes and 20 seconds, it was such a short time! <br> <br>맑은 하늘에서 아름다운 개기일식이 일어났습니다. 2분 20초 참으로 짧은 시간임을 실감했습니다. 저희들이 원하는 데이터를 원했으며 아주 만족스럽고 성공적인 원정관측이었습니다. <br> <br> <br> <br>(화면 자막) <br> <br>The KASI expedition for Total Solar Eclipse 2017 <br> <br> <br> <br>It is an unforgettable memory for lie. we have prepared for 2 years for just 2-minutes observation. we uncover the secret of solar corona. <br> <br>-KASI expedition for Total Solar Eclipse- </div> <div class="openmark"> <img src="/resources/images/content/img_opentype04.jpg" alt="공공누리의 제 4유형"><span>본 저작물은 “공공누리 제4유형(출처표시, 비상업적 이용만 가능, 변형 등 2차적 저작물 작성 금지)” 조건에 따라 누구나 이용할 수 있습니다.</span> </div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button><div class="sr-only">모달창 닫기</div> </div> </div> </div> </div> </div> <!-- //천문갤러리 --> <!-- 천문 기록 검색&공공데이터 --> <div class="main_ser_data"> <div class="main_ser"> <dl> <dt><b>역서별/연도별</b><span>천문</span> 기록 검색</dt> <dd>역사 속의 천문현상기록, 선조40년부터 지금까지의 역서를 살펴볼 수 있습니다.</dd> <dd class="main_c_btn"><a href="/almanac/pageView/26">바로가기 <i class="glyphicon glyphicon-menu-right"></i></a></dd> </dl> <img src="/resources/images/main_img1.png" alt=""> </div> <div class="main_data"> <img src="/resources/images/main_img2.png" alt=""> <dl> <dt><b>한국천문연구원</b><span>일식</span>/월식</dt> <dd>일식과 월식은 천체의 움직임이 만들어내는 아름다운 현상입니다. 태양, 달, 지구의 위치 관계에 따라 발생하는 이 현상들은 옛날부터 사람들의 호기심을 자극해왔습니다.</dd> <dd class="main_c_btn"><a href="/learning/pageView/6241">바로가기 <i class="glyphicon glyphicon-menu-right"></i></a></dd> </dl> </div> </div> <!-- //천문 기록 검색&공공데이터 --> </section> <!-- footer --> <!--footer start--> <footer class="footer"> <div class="link"> <div class="grab"> <a class="fir" href="https://www.kasi.re.kr/kor/post/privacy" target="_blank">개인정보처리방침</a> <a href="/pageView/36">저작권정책</a> <a href="https://www.kasi.re.kr/" target="_blank">한국천문연구원 홈페이지 바로가기</a> <button type="button" data-toggle="modal" id="prtcipSiteBtn" data-target="#familySiteModal"> 관련사이트 <img src="/resources/images/common/footer_ico_modal.png" alt="" class="ico_modal"> <img src="/resources/images/common/footer_ico_modal_w.png" alt="" class="ico_w_modal"> </button> <div class="clearfix"></div> </div> </div> <div class="grab"> <address class="address">(34055) 대전광역시 유성구 대덕대로 776 전화: 080-373-3333(무료) / 042-865-3333(유료) 천문정보 ARS: 042-865-3332 팩스: 042-861-5610</address> <p class="copyright">Copyright (C) 2017 Korea Astronomy and Space Science Institute. All Rights Reserved.</p> <div class="mark"> <img src="/resources/images/common/footer_mark_1.png" alt="Korea Knowledge Portal 국가지식지정마크"> </div> <button type="button" id="cntTop"><img src="/resources/images/top.png" alt="페이지 처음으로 이동"></button> </div> </footer> <!--footer end--> <!-- siteMapModal --> <div class="modal Submodal siteMapModal fade" id="siteMapModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <h3 class="h3_title_noimg">사이트맵</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <ul class="sitemap"> <li><h4 class="site01"><a href="/life/pageView/8"><span>생활천문관</span></a></h4> <ul> <li><h5> <a href="/life/pageView/8">음양력변환계산</a> </h5> </li> <li><h5> <a href="/life/pageView/5">월별 음양력</a> </h5> </li> <li><h5> <a href="/life/post/calendarData">달력자료(월력요항)</a> </h5> </li> <li><h5> <a href="/life/pageView/9">일출일몰시각계산</a> </h5> </li> <li><h5> <a href="/life/pageView/6">월별 해/달 출몰시각</a> </h5> </li> <li><h5> <a href="/life/pageView/10">태양 고도/방위각계산</a> </h5> </li> <li><h5> <a href="/life/pageView/7">월별 천문현상</a> </h5> </li> </ul> </li> <li><h4 class="site02"><a href="/learning/pageView/5108"><span>천문학습관</span></a></h4> <ul> <li><h5> <a href="/learning/pageView/5108">태양계</a> </h5> </li> <li><h5> <a href="/learning/pageView/6233">일식</a> </h5> </li> <li><h5> <a href="/learning/pageView/5934">월식</a> </h5> </li> <li><h5> <a href="/learning/pageView/6372">천체</a> </h5> </li> <li><h5> <a href="/learning/pageView/5204">천체물리학</a> </h5> </li> <li><h5> <a href="/learning/pageView/5053">우주탐사</a> </h5> </li> <li><h5> <a href="/learning/pageView/5058">별자리</a> </h5> </li> <li><h5> <a href="/learning/pageView/5064">망원경</a> </h5> </li> <li><h5> <a href="/learning/post/educationVideo">천문우주 동영상</a> </h5> </li> <li><h5> <a href="/learning/pageView/6384">천문학자</a> </h5> </li> <li><h5> <a href="/learning/pageView/1623">논문</a> </h5> </li> </ul> </li> <li><h4 class="site03"><a href="/almanac/pageView/26"><span>천문기록관</span></a></h4> <ul> <li><h5> <a href="/almanac/pageView/26">역서별</a> </h5> </li> <li><h5> <a href="/almanac/pageView/27">연도별</a> </h5> </li> <li><h5> <a href="/almanac/pageView/24">천문 기록 검색</a> </h5> </li> </ul> </li> <li><h4 class="site04"><a href="/publicdata/pageView/6438"><span>공공데이터</span></a></h4> <ul> <li><h5> <a href="/publicdata/pageView/6438">은하중심 24시</a> </h5> </li> <li><h5> <a href="/publicdata/pageView/6441">우리의 별 태양</a> </h5> </li> <li><h5> <a href="/publicdata/pageView/6445">우주로부터의 라디오 방송</a> </h5> </li> </ul> </li> <li><h4 class="site05"><a href="/community/post/faq"><span>천문지식참여</span></a></h4> <ul> <li><h5> <a href="/community/post/faq">자주하는 질문</a> </h5> </li> </ul> </li> <li><h4 class="site06"><a href="/information/pageView/31"><span>정보공개&활용</span></a></h4> <ul> <li><h5> <a href="/information/pageView/31">Open API</a> </h5> </li> <li><h5> </h5> </li> <li><h5> <a href="/information/astroGallery/astroContest">천문갤러리</a> </h5> </li> </ul> </li> </ul><!--// sitemap_wrap --> </div> </div> <!-- //siteMapModal --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-98871218-1', 'auto'); ga('send', 'pageview'); //관련사이트버튼 클릭 $('#prtcipSiteBtn').click(function(){ $('#siteContent > ul').remove(); $.ajax({ url: "/getListPrtcipSite", success: function (data) { var list = data.linkList; var modalContents = '<ul>'; var images = ''; $.each(list, function(key, data){ images = data.FILE_LIST.split('|')[2]; modalContents += '<li><a title="새창으로 열림" href="'+data.ARTL_LNK1+'" target="'+data.BBS_EXTR_COLM_4+'"><img alt="'+data.BBS_EXTR_COLM_5+'" src="/file/'+images+'"></a></li>'; }); modalContents +='</ul>' $('#siteContent').append(modalContents); } }); }); </script> <!-- //footer --> </div> <!-- //wrap, main --> <!-- <div id="vr" class="vr_main"> <div class="first fadeIn img-1"></div> <div class="img-2"></div> <div class="img-3"></div> <div class="img-4"></div> <div class="img-5"></div> <div class="img-6"></div> <div class="img-7"></div> </div> --> <!-- popupzone2 --> <script type="text/javascript"> // 비주얼 롤링 실행 startAction(); // 팝업존 실행 startPopRolling(); // 비주얼 롤링 /*$('.bxslider').bxSlider({ auto: true, autoControls: true, controls:false, mode:"fade", speed:800 });*/ // 팝업존 롤링 /*$('.popzone').bxSlider({ auto: true, autoControls: true, controls:false });*/ $(window).load(function() { // 비주얼 컨트롤 버튼 $(".top_box .bx-controls-auto .bx-stop").click(function() { $(this).hide(); $(".top_box .bx-start").css("display","inline-block"); }); $(".top_box .bx-controls-auto .bx-start").click(function() { $(this).hide(); $(".top_box .bx-stop").css("display","inline-block"); }); // 팝업존 컨트롤 버튼 $(".box01 .bx-controls-auto .bx-stop").click(function() { $(this).hide(); $(".box01 .bx-start").css("display","inline-block"); }); $(".box01 .bx-controls-auto .bx-start").click(function() { $(this).hide(); $(".box01 .bx-stop").css("display","inline-block"); }); }); </script> <!--// popupzone2 --> <!-- bootstrap.min.js --> <script type="text/javascript" src="/resources/js/bootstrap.min.js"></script> <!--// bootstrap.min.js --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-98871218-1', 'auto'); ga('send', 'pageview'); </script> </body> </html>