CINXE.COM

남북교류사진 < 포토 < 기사목록 - 통일뉴스

<!doctype html> <html class="no-js" lang="ko" dir="ltr"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=1430"> <meta name="apple-mobile-web-app-title" content="통일뉴스" /> <!-- 메타태그정보 //--> <meta name="description" content="인터넷 신문"/> <meta property="og:title" content="통일뉴스"/> <meta property="og:site_name" content="통일뉴스"/> <meta property="og:image" content="http://www.tongilnews.com/image/logo/snslogo_20201012024711.jpg" /> <meta property="og:url" content="http://www.tongilnews.com" /> <meta property="og:description" content="인터넷 신문" /> <meta name="twitter:card" content="summary"/> <meta name="twitter:title" content="통일뉴스"/> <meta name="twitter:description" content="인터넷 신문"/> <meta name="twitter:image:src" content="http://www.tongilnews.com/image/logo/snslogo_20201012024711.jpg"/> <!--// 메타태그정보 --> <title>남북교류사진 < 포토 < 기사목록 - 통일뉴스</title> <link rel="canonical" href="http://www.tongilnews.com" /> <link rel="stylesheet" href="https://cdn.tongilnews.com/css/jquery-ui.min.css"> <link rel="stylesheet" href="https://cdn.tongilnews.com/css/slick.min.css"> <link rel="stylesheet" href="https://cdn.tongilnews.com/css/jquery.timepicker.css" /> <link rel="stylesheet" href="https://cdn.tongilnews.com/adManager/css/adManager.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Roboto:wght@300;400;500;700&display=swap"> <link rel="stylesheet" href="https://cdn.tongilnews.com/css/foundation.min.css"> <link rel="stylesheet" href="https://cdn.tongilnews.com/css/custom.foundation.min.css"> <link rel="stylesheet" href="https://cdn.tongilnews.com/css/webfonts.min.css"> <link rel="stylesheet" href="https://cdn.tongilnews.com/css/font.style.css"> <link rel="stylesheet" href="https://cdn.tongilnews.com/css/media.min.css"> <link rel="stylesheet" href="https://cdn.tongilnews.com/css/autobox.style.min.css"> <link rel="stylesheet" href="https://cdn.tongilnews.com/css/templates.style.min.css"> <link rel="stylesheet" href="https://cdn.tongilnews.com/css/plugin.style.min.css"> <link rel="stylesheet" href="https://cdn.tongilnews.com/css/style.min.css"> <link rel="stylesheet" href="https://cdn.tongilnews.com/css/design.style.css"><link rel="stylesheet" href="https://cdn.tongilnews.com/menuskin/s_02/menubar.css"> <script src="https://cdn.tongilnews.com/script/jquery.min.js"></script> <script src="https://cdn.tongilnews.com/script/jquery-ui.min.js"></script> <script src="https://cdn.tongilnews.com/script/slick.min.js"></script> <script src="https://cdn.tongilnews.com/script/jquery.rwdImageMaps.min.js"></script> <script src="https://cdn.tongilnews.com/script/what-input.js"></script> <script src="https://cdn.tongilnews.com/script/foundation.min.js"></script> <script src="https://cdn.tongilnews.com/menuskin/s_02/menubar.js"></script> <script src="https://cdn.tongilnews.com/script/user.style.js"></script> <script src="https://cdn.tongilnews.com/script/clipboard.min.js"></script> <script src="https://cdn.tongilnews.com/script/jquery.timepicker.min.js"></script> <script src="https://cdn.tongilnews.com/script/jquery.tabslet.min.js"></script> <script src="https://cdn.tongilnews.com/script/common.js"></script> <!--[if lt IE 10]> <link rel="stylesheet" href="https://cdn.tongilnews.com/css/style.ie9.css"> <script src="https://cdn.tongilnews.com/script/html5shiv.min.js"></script> <![endif]--> <script type="text/javascript"> $(document).ready(function(e) { // 이미지맵 $('img[usemap]').rwdImageMaps(); bannerpop.banner(".banner_event_box"); // 기능성배너 이벤트 bannerpopMulti.bannerLoad(); // 멀티 기능성 배너 이벤트 // 기사뷰 이미지관련 // 기사본문 부분 복사하기 저작권 표시 $('#article-view-content-div').on('copy', function(e){ var sel = window.getSelection(); var copyFooter = "<br/><br/>출처 : 통일뉴스(http://www.tongilnews.com)<br/>"; var copyHolder = $('<div>', {html: sel+copyFooter, id:'copy_text', style: {position: 'absolute', left: '-99999px'}}); $('body').append(copyHolder); var str = $('#copy_text').html(); $('#copy_text').html(str.replace(/(\r\n|\n|\r)/gm, "<br />")); sel.selectAllChildren( copyHolder[0] ); window.setTimeout(function() { copyHolder.remove(); },0); }); }); // 도메인 var SITE_DOMAIN = 'http://www.tongilnews.com' ,___currentTime = 1733053816; // 즐겨찾기 스크립트 function bookmark() { window.external.AddFavorite("http://www.tongilnews.com", "통일뉴스") } </script> <style type="text/css"> /* 사이트 기본 색 */ .user-point,a.user-point, .poll-columns .poll-state.going {color:#2c7eca !important} .user-bg,.user-bg:hover,.user-bg:active,.user-bg:focus,li[id*="slick-"].slick-active button[data-role],.tabs .is-active a, .checkbox-group > input[type="radio"]:checked + label::before, .checkbox-group > input[type="checkbox"]:checked + label::before, .radio-group > input[type="radio"]:checked + label::before, .radio-group > input[type="checkbox"]:checked + label::before, .poll-view .poll-view-state.going,.poll-view .poll-radio input[type="radio"]:checked + label::before,.poll-view .poll-radio input[type="checkbox"]:checked + label::before, .nd-switch.user-bg input[type="checkbox"]:checked + label,.nd-switch.user-bg input[type="radio"]:checked + label, .nd-switch.user-bg input[type="checkbox"]:checked + label::before,.nd-switch.user-bg input[type="radio"]:checked + label::before, .switch-group.user-bg > .nd-switch input[type="checkbox"]:checked + label,.switch-group.user-bg > .nd-switch input[type="radio"]:checked + label {background-color:#2c7eca !important} .user-border, .checkbox-group input[type="checkbox"] + label::before, .checkbox-group input[type="radio"] + label::before, .radio-group input[type="checkbox"] + label::before, .radio-group input[type="radio"] + label::before, .poll-view .poll-radio input[type="radio"] + label:hover strong::before,.poll-view .poll-radio input[type="checkbox"] + label:hover strong::before, .poll-view .poll-radio input[type="radio"]:checked + label strong::before,.poll-view .poll-radio input[type="checkbox"]:checked + label strong::before, #gallery-wrap .gallery-content.view-page .gallery-thumb .nav-content.slick-current::before {border-color:#2c7eca !important} .user-border-top {border-top-color:#2c7eca !important} .user-border-bottom {border-bottom-color:#2c7eca !important} .user-border-left {border-left-color:#2c7eca !important} .user-border-right {border-right-color:#2c7eca !important} .checkbox-group input[type="checkbox"] + label::before, .checkbox-group input[type="radio"] + label::before, .radio-group input[type="checkbox"] + label::before, .radio-group input[type="radio"] + label::before {opacity:.3} .checkbox-group > input[type="radio"]:checked + label::before, .checkbox-group > input[type="checkbox"]:checked + label::before, .radio-group > input[type="radio"]:checked + label::before, .radio-group > input[type="checkbox"]:checked + label::before {opacity:initial} /* site size */ .width-1080 {width:1080px} .max-width-1080 {max-width:1080px} .min-width-1080 {min-width:1080px} </style> <!-- 구글웹로그 --> <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','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-42862393-1', 'tongilnews.com'); ga('send', 'pageview'); </script> <!-- 구글웹로그 --> </head> <body class=" " style=""> <nav class="skip-nav"> <a href="#user-menu" onclick="document.getElementById('user-menu').tabIndex = -1;document.getElementById('user-menu').focus();return false;" class="user-border"><span>주요서비스 바로가기</span></a> <a href="#user-container" onclick="document.getElementById('user-container').tabIndex = -1;document.getElementById('user-container').focus();return false;" class="user-border"><span>본문 바로가기</span></a> <a href="#user-footer" onclick="document.getElementById('user-footer').tabIndex = -1;document.getElementById('user-footer').focus();return false;" class="user-border"><span>매체정보 바로가기</span></a> <a href="#userLogin" onclick="document.getElementById('userLogin').tabIndex = -1;document.getElementById('userLogin').focus();return false;" class="user-border"><span>로그인 바로가기</span></a> <a href="#userSearch" onclick="document.getElementById('userSearch').tabIndex = -1;document.getElementById('userSearch').focus();return false;" class="user-border"><span>기사검색 바로가기</span></a> <a href="#allService" onclick="document.getElementById('allService').tabIndex = -1;document.getElementById('allService').focus();return false;" class="user-border"><span>전체서비스 바로가기</span></a> </nav> <!--[if lt IE 10]> <div id="ie9-guide"> <div class="ie9-wrapper border-box"> <p class="guide-txt"> 잠깐! 현재 Internet Explorer 8이하 버전을 이용중이십니다. 최신 브라우저(Browser) 사용을 권장드립니다! </p> <div class="guide-right"> <dl class="ie9-down nobr"> <dt><i class="icon ie-logo">ie</i></dt> <dd> <span>인터넷 익스플로러 11</span> <a href="http://windows.microsoft.com/ko-kr/internet-explorer/download-ie" target="_blank">다운로드</a> </dd> </dl> <dl class="ie9-down"> <dt><i class="icon cr-logo">chrome</i></dt> <dd> <span>구글 크롬</span> <a href="http://www.google.com/chrome/" target="_blank">다운로드</a> </dd> </dl> <dl class="ie9-down"> <dt><i class="icon ff-logo">firefox</i></dt> <dd> <span>모질라 파이어폭스</span> <a href="http://www.mozilla.or.kr/" target="_blank">다운로드</a> </dd> </dl> </div> </div> </div> <![endif]--> <div class="off-canvas-wrapper"> <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper> <div class="off-canvas-content" data-off-canvas-content> <!-- wrap //--> <div id="user-wrap" class="min-width-1080"> <div id="user-wrapper"> <!-- header //--> <header id="user-header" class="posi-re float-center"> <h2 class="show-for-sr">상단영역</h2> <div class="clearfix text-center"> </div> <style type="text/css"> #header-wrapper.basic, #header-wrapper .mode-inner, #user-nav , #nav-header {width:1080px} #user-nav::before, #user-nav::after {} /* 1차 */ #user-nav .user-menu > .secline > a.a-hover {} #user-nav .user-menu > .secline > a.a-hover::before {border-top-color:#2c7eca} /* 2차 - vertical */ #header-wrapper.vertical #user-nav .user-menu .secline > ul {border-color:#2c7eca} /* 2차 - 배경 slideDown */ #header-wrapper.horizon #user-nav.active::before {border-top-color:#2c7eca} /* 2차 - vertical & use autobox */ #header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline > ul {width:1080px;padding-right:calc(1080px - 300px)} #header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .sub > a.a-sub-hover, #header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .sub > a:hover {color:#fff;background-color:#2c7eca} </style> <!-- 메뉴 시작 //--> <div id="header-wrapper" class="horizon full center " data-main-code="S1N21" data-sub-code="S2N42" data-serial-code="/news/articleList.html" data-multi-code=""> <!-- 최상단영역 //--> <div id="user-gnb"> <div class="mode-inner"> <!-- sns //--> <div class="user-sns"> <a href="https://www.facebook.com/tongilnews" target="_blank" class="item fb"><i class="icon-facebook"><span class="show-for-sr">facebook</span></i></a> <a href="https://twitter.com/tongilnews" target="_blank" class="item tw"><i class="icon-twitter"><span class="show-for-sr">twitter</span></i></a> </div> <!--// sns --> <!-- 로그인 //--> <ul id="userLogin" class="user-logbox no-bullet"> <li><a href="https://www.tongilnews.com/member/login.html" target="_top">로그인</a></li> <li><a href="https://www.tongilnews.com/member/index.html" target="_top">회원가입</a></li> <!--<li><a href="http://www.tongilnews.com/news/articleList.html?sc_sub_section_code=S2N42&view_type=sm" onclick="setCookie('view_pc', 'n', 1);" target="_top"><i class="icon-mobile"></i>모바일웹</a></li>--> </ul> <!--// 로그인 --> <!-- 최종편집 //--> <div class="user-intro">UPDATED. 2024-12-01 12:44 (일) </div> <!--// 최종편집 --> </div> </div> <!--// 최상단영역 --> <!-- 로고영역 //--> <header id="nav-header"> <h1 class="user-logo text-left"><a href="http://www.tongilnews.com" target="_top"><img src="https://cdn.tongilnews.com/image/logo/toplogo_20201012045929.png" alt="통일뉴스"></a></h1> <!--<div class="user-banner"> </div>--> <div class="user-banner text-left"> <!--창간24주년 축하배너 메인--><script type="text/javascript">var ___BANNER = "ban_1729479668";</script><script type="text/javascript" charset="utf-8" src="https://cdn.tongilnews.com/bannerpop/uploads/js/493.js?1729479668" id="ban_1729479668"></script><!--//창간24주년 축하배너 메인--> </div> <div class="user-banner2 text-right"> <div class="click "> <a href="/com/com-3.html" target="_top">후원하기</a> </div> </div> </header> <!--// 로고영역 --> <!-- 메뉴바 //--> <nav id="user-nav"> <div class="mode-inner"> <!-- 전체 --> <button type="button" class="user-allbtn" title="전체메뉴" data-toggle="offCanvas"> <i class="icon-bars"><span class="show-for-sr">전체메뉴 버튼</span></i> </button> <!-- 섹션 //--> <ul id="user-menu" class="user-menu no-bullet"> <li class="secline"> <a href="/news/articleList.html?view_type=sm" target="_top" data-code="sm">새소식</a> <ul class="no-bullet"> <li class="sub"> <a href="/news/articleList.html?view_type=sm" target="_top" data-code="sm">전체기사</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_section_code=S1N1&view_type=sm" target="_top" data-code="S1N1">현장소식</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_section_code=S1N2&view_type=sm" target="_top" data-code="S1N2">북한소식</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_section_code=S1N3&view_type=sm" target="_top" data-code="S1N3">민간교류</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_section_code=S1N4&view_type=sm" target="_top" data-code="S1N4">남북관계</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_section_code=S1N5&view_type=sm" target="_top" data-code="S1N5">북미관계</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_section_code=S1N18&view_type=sm" target="_top" data-code="S1N18">동북아외신</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_section_code=S1N6&view_type=sm" target="_top" data-code="S1N6">정부정당</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_section_code=S1N7&view_type=sm" target="_top" data-code="S1N7">해외동포</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_section_code=S1N8&view_type=sm" target="_top" data-code="S1N8">경협소식</a> </li> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N9&view_type=sm" target="_top" data-code="S1N9">오피니언</a> <ul class="no-bullet"> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N1&view_type=sm" target="_top" data-code="S2N1">시론</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N2&view_type=sm" target="_top" data-code="S2N2">칼럼</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N32&view_type=sm" target="_top" data-code="S2N32">데스크브리핑</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N3&view_type=sm" target="_top" data-code="S2N3">기고</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N31&view_type=sm" target="_top" data-code="S2N31">기자의눈</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N33&view_type=sm" target="_top" data-code="S2N33">인터뷰</a> </li> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N10&view_type=sm" target="_top" data-code="S1N10">통일문화</a> <ul class="no-bullet"> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N34&view_type=sm" target="_top" data-code="S2N34">우리들이야기</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N11&view_type=sm" target="_top" data-code="S2N11">방북기</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N10&view_type=sm" target="_top" data-code="S2N10">화제의책</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N36&view_type=sm" target="_top" data-code="S2N36">문화</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N12&view_type=sm" target="_top" data-code="S2N12">그림만평</a> </li> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N11&view_type=sm" target="_top" data-code="S1N11">특집연재</a> <ul class="no-bullet"> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N8&view_type=sm" target="_top" data-code="S2N8">테마기획</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N37&view_type=sm" target="_top" data-code="S2N37">방북취재</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N38&view_type=sm" target="_top" data-code="S2N38">연재</a> </li> </ul> </li> <li class="secline"> <a href="/bbs/list.html?table=bbs_53&sc_category=1" target="_top" data-code="bbs_53">자료실</a> <ul class="no-bullet"> <li class="sub"> <a href="/bbs/list.html?table=bbs_53&sc_category=1" target="_top" data-code="bbs_53-1">신착자료실</a> </li> <li class="sub"> <a href="/bbs/list.html?table=bbs_53&sc_category=2" target="_top" data-code="bbs_53-2">통일역사자료실</a> </li> <li class="sub"> <a href="/bbs/list.html?table=bbs_53&sc_category=3" target="_top" data-code="bbs_53-3">김남식자료실</a> </li> <li class="sub"> <a href="/bbs/list.html?table=bbs_53&sc_category=4" target="_top" data-code="bbs_53-4">이활웅자료실</a> </li> <li class="sub"> <a href="/bbs/list.html?table=bbs_53&sc_category=5" target="_top" data-code="bbs_53-5">경협자료실</a> </li> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N20&view_type=sm" target="_top" data-code="S1N20">커뮤니티</a> <ul class="no-bullet"> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N21&view_type=sm" target="_top" data-code="S1N21">포토</a> <ul class="no-bullet"> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N18&view_type=sm" target="_top" data-code="S2N18">포토뉴스</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N40&view_type=sm" target="_top" data-code="S2N40">북녘사진</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N41&view_type=sm" target="_top" data-code="S2N41">사진이야기</a> </li> </ul> </li> </ul> <!--// 섹션 --> <div class="user-banner text-right"> <!-- 검색 //--> <div id="userSearch" class="user-search"> <fieldset class="user-search-form"> <form name="head-search" method="post" action="/news/articleList.html"> <input type="hidden" name="sc_area" value="A"> <input type="hidden" name="view_type" value="sm"> <label class="show-for-sr" for="search">기사검색</label> <input type="text" name="sc_word" id="search" onkeydown="if(event.keyCode==13){if(this.form.sc_word.value != ''){this.form.submit();}else{alert('검색어를 입력해주세요');return false;}}" placeholder="기사 검색" title="기사검색"> <button type="button" title="기사검색" onclick="if(this.form.sc_word.value != ''){this.form.submit();}else{alert('검색어를 입력해주세요');this.form.sc_word.focus();return false;}"><i class="icon-search-thin"></i><span class="show-for-sr">검색</span></button> </form> </fieldset> </div> <!--// 검색 --> </div> </div> </nav> <!--// 메뉴바 --> </div> <!--// 메뉴 끝 --> <script type="text/javascript"> <!-- //메뉴 스타일 불러옴 : 메뉴 /script/menubar.js 와 같이 사용되어야 함 var menuIndexHold = true, menuOverHold = true, submenuStyle = "horizon", sizeMode = "full", subShow = "hold", submenuPosi = "center", effectSwitch = "on", subSlideSpeed = 150, subFadeSpeed = 150; $(document).ready(function(){ // 검색창 var $navHeader = $("#user-nav") , $search = $navHeader.find(".user-search") , $searchForm = $search.find(".user-search-form") , $searchInput = $searchForm.find("input#search"); $searchInput.focus(function() { $searchForm.css("width","220px"); }); $searchInput.focusout(function() { $searchForm.css("width","160px"); }); }); //--> </script> </header> <!--// header --> <!-- container //--> <section id="user-container" class="posi-re text-left float-center width-1080"> <h2 class="show-for-sr">본문영역</h2> <div id="layer-popups" class="float-center width-1080"></div> <div class="posi-re float-center width-1080"><div id="floating_banner_left" class="view-aside left-wing" data-scroll="y" data-top-margin="20" data-down-margin="15" data-duration="300"> </div> <div id="floating_banner_right" class="view-aside right-wing" data-scroll="n" data-top-margin="20" data-down-margin="15" data-duration="300"> </div> </div> <!-- 날개배너 //--> <div class="posi-re float-center width-1080" id="wingBanner"> <div class="wing-banner-left"> </div> <div class="wing-banner-right"> </div> </div> <!--// 날개배너 --> <style type="text/css"> /* edit skin css START */ #user-section {display:block;margin:0 auto} #user-section .grid-wrap {display:table;width:100%;table-layout:fixed} #user-section .grid-wrap > .grid {display:table-cell;width:100%;vertical-align:top} #user-section .grid-wrap > .grid.side {width:340px;padding-left:40px} #user-section .grid.side .sticky {width:100%} #user-section .grid.side .sticky::after {content:'';display:table;clear:both} @media screen and (max-width: 63.9375em) { .row #user-section .grid-wrap, .row #user-section .grid-wrap > .grid {display:block;width:auto} .row #user-section .grid-wrap {table-layout:initial} .row #user-section .grid-wrap > .grid {vertical-align:initial} .row #user-section .grid-wrap > .grid.side {padding-left:0} } /* edit skin css END */ </style> <div id="user-section" style="max-width:1080px"> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> <div id="anchorCon" class="grid-wrap"> <section class="grid body"> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> <!-- 기사리스트 //--> <div id="sections"> <section class="section-body"> <!-- header //--> <header class="header"> <h3 class="titles"> <strong> 남북교류사진 <span class="show-for-sr">목록</span> </strong> <small>( <span class="show-for-sr">총 : </span>2건)</small> </h3> <div class="view-type"> <h3 class="show-for-sr">기사목록 보기 형태</h3> <div class="button-group tiny"> <a href="/news/articleList.html?page=1&total=2&sc_section_code=&sc_sub_section_code=S2N42&sc_serial_code=&sc_area=&sc_level=&sc_article_type=&sc_view_level=&sc_sdate=&sc_edate=&sc_serial_number=&sc_word=&box_idxno=&sc_multi_code=&sc_is_image=&sc_is_movie=&sc_user_name=&sc_order_by=E" class="button nd-white" title="제목형:제목과 간략정보만 보실 수 있습니다."><i class="icon-th-list"></i><span class="show-for-medium">&nbsp;제목형</span></a> <a href="/news/articleList.html?page=1&total=2&sc_section_code=&sc_sub_section_code=S2N42&sc_serial_code=&sc_area=&sc_level=&sc_article_type=&sc_view_level=&sc_sdate=&sc_edate=&sc_serial_number=&sc_word=&box_idxno=&sc_multi_code=&sc_is_image=&sc_is_movie=&sc_user_name=&sc_order_by=E&view_type=sm" class="button user-bg" title="요약형:사진,제목,간략정보를 함께 보실 수 있습니다."><i class="icon-th"></i><span class="show-for-medium">&nbsp;요약형</span></a> <a href="/news/articleList.html?page=1&total=2&sc_section_code=&sc_sub_section_code=S2N42&sc_serial_code=&sc_area=&sc_level=&sc_article_type=&sc_view_level=&sc_sdate=&sc_edate=&sc_serial_number=&sc_word=&box_idxno=&sc_multi_code=&sc_is_image=&sc_is_movie=&sc_user_name=&sc_order_by=E&view_type=tm" class="button nd-white" title="포토형:박스형태로 정리된 기사를 보실 수 있습니다."><i class="icon-th-large"></i><span class="show-for-medium">&nbsp;포토형</span></a> </div> </div> </header> <!--// header --> <!-- 웹진형 //--> <section id="section-list"> <ul class="type2"> <li> <a href="/news/articleView.html?idxno=106158" target="_top" class="thumb"> <img src="https://cdn.tongilnews.com/news/thumbnail/201402/106158_35900_757_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=106158" target="_top"><포토> 지상에서 가장 슬픈 이별</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=106158" target="_top"> 금강산에서 진행된 설 계기 이산가족 1차 상봉 마지막 날인 22일 오전, 형용모순인 '작별 상봉'장은 울음바다가 됐다. 60여년 만에 만난 혈육이 다시는 볼 수 없는 영원한 작별을 고해야 하는 시간.아무 말도 못하고 눈물만 찍어내는 자매도, 서로 얼싸안고 얼굴을 부비는 형제도, 큰절을 올리는 자식과 그 마지막 절을 받는 부모도 모두 지구상에 가장 슬픈 </a> </p> <span class="byline"> <em>남북교류사진</em> <em>김치관 기자</em> <em>2014.02.22 21:03</em> </span> </div> </li> <li> <a href="/news/articleView.html?idxno=78976" target="_top" class="thumb"> <img src="https://cdn.tongilnews.com/news/thumbnail/200806/78976_10320_122_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=78976" target="_top"><포토뉴스> 금강산 6.15민족통일대회</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=78976" target="_top"> </a> </p> <span class="byline"> <em>남북교류사진</em> <em>6.15남측위</em> <em>2008.06.18 18:00</em> </span> </div> </li> </ul> </section> <!--// 웹진형 --> <!-- //샘플 지우면 안됨!!! ajax로 append시키기 위한 샘플 입니다. 만약 요소와 속성이 변경이 된다면 paginate.js 의 call 부분도 수정 해야 합니다. --> <li id="sample" class="blind"> <a href="" class="thumb"> <img src="" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href=""></a></h4> <p class="lead line-6x2"> <a href=""> </a> </p> <span class="byline"></span> </div> </li> <!-- // 샘플 --> <nav aria-label="Pagination"><ul class="pagination"><li class="pagination-start"><a href="/news/articleList.html?page=1&total=2&box_idxno=&sc_sub_section_code=S2N42&view_type=sm" title="처음"><i class="icon-angle-double-left"><span class="show-for-sr">처음</span></i></a></li><li class="current user-bg">1</li><li class="pagination-end"><a href="/news/articleList.html?page=1&total=2&box_idxno=&sc_sub_section_code=S2N42&view_type=sm" title="끝"><i class="icon-angle-double-right"><span class="show-for-sr">끝</span></i></a></li></ul></nav> </section> </div> <!--// 기사리스트 예시 --> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> </section> <aside class="grid side"> <div class="clearfix" data-sticky-container> <div class="sticky" data-sticky data-anchor="anchorCon" data-sticky-on="large" data-stick-to="bottom" data-dynamic-height="true" data-check-every="0"> <!-- 편집패널 //--> <div class="clearfix"> <style type="text/css"> #INC_TAB_D_1_container .tabs-navs::before {border-top-color:#bb0000} #INC_TAB_D_1_container .tabs-navs .tabs-item a {color:#66676c;background-color:#f6f6f6;border-bottom-color:#bb0000 !important} #INC_TAB_D_1_container .tabs-navs .tabs-item.active a {color:#bb0000;background-color:#ffffff;border-color:#bb0000 !important;border-bottom-color:transparent !important} #INC_TAB_D_1_container .tabs-navs .tabs-item.active a::before {border-left-color:#bb0000} #INC_TAB_D_1_container .tabs-panel {height:auto} </style> <div id="INC_TAB_D_1_container" class="tabs-wrap type-D line"> <header class="tabs-header">많이 본 기사</header> <ul id="INC_TAB_D_1" class="tabs-navs expanded"> <li class="tabs-item active"><a href="#" target="_top" data-tabs-target="#panel1">5일</a></li> <li class="tabs-item"><a href="#" target="_top" data-tabs-target="#panel2">15일</a></li> </ul> <div id="panel1" class="tabs-panel active"> <style type="text/css"> #skin-45 > .item:not(:first-child) {margin-top:8px} #skin-45 .number {overflow:hidden;width:22px;line-height:20px;background-color:#fff;border:1px solid rgba(0,0,0,.1);text-align:center} #skin-45 .number.user-bg {background-color:#e73f72} #skin-45 .auto-titles {width:calc(100% - 22px);padding-left:12px} </style> <div id="skin-45" class="auto-article"><div class="item"> <a href="/news/articleView.html?idxno=212178" target="_top" class="auto-valign"> <em class="number for-middle size-12 auto-fontF user-bg">1</em> <span class="auto-titles for-middle size-14 line-4x1 auto-fontA onload">북한은 최빈국(the poorest nation)일까?</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=212182" target="_top" class="auto-valign"> <em class="number for-middle size-12 auto-fontF user-bg">2</em> <span class="auto-titles for-middle size-14 line-4x1 auto-fontA onload">천주교 사제 1,466명 ‘시국선언’, “대통령을 파면하자!”</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=212174" target="_top" class="auto-valign"> <em class="number for-middle size-12 auto-fontF user-bg">3</em> <span class="auto-titles for-middle size-14 line-4x1 auto-fontA onload">“트럼프 팀, ‘김정은과의 직접대화’ 검토” [로이터]</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=212179" target="_top" class="auto-valign"> <em class="number for-middle size-12 auto-fontB">4</em> <span class="auto-titles for-middle size-14 line-4x1 auto-fontA onload">발로 쓴 대전현충원 안내서이자 훌륭한 근현대사 교과서</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=212181" target="_top" class="auto-valign"> <em class="number for-middle size-12 auto-fontB">5</em> <span class="auto-titles for-middle size-14 line-4x1 auto-fontA onload">북, 무연탄을 이용해 새로운 석탄가스화 기술 개발</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=212183" target="_top" class="auto-valign"> <em class="number for-middle size-12 auto-fontB">6</em> <span class="auto-titles for-middle size-14 line-4x1 auto-fontA onload">몽양 여운형 정신은 "통합과 연대로 주체의 역량을 건설하자는 것"</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=212193" target="_top" class="auto-valign"> <em class="number for-middle size-12 auto-fontB">7</em> <span class="auto-titles for-middle size-14 line-4x1 auto-fontA onload">"마지막 일어날 기적을 위해 끝까지 문 두드리자"</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=212176" target="_top" class="auto-valign"> <em class="number for-middle size-12 auto-fontB">8</em> <span class="auto-titles for-middle size-14 line-4x1 auto-fontA onload">"한국은 미국의 현금인출기가 아니다."</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=212199" target="_top" class="auto-valign"> <em class="number for-middle size-12 auto-fontB">9</em> <span class="auto-titles for-middle size-14 line-4x1 auto-fontA onload">김정은, 러 국방장관 접견..."평양은 모스크바와 함께 있을 것"</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=212200" target="_top" class="auto-valign"> <em class="number for-middle size-12 auto-fontB">10</em> <span class="auto-titles for-middle size-14 line-4x1 auto-fontA onload">한 연구자의 집념이 일궈낸 특별한 항일사전</span> </a> </div> </div> </div> <div id="panel2" class="tabs-panel"> <style type="text/css"> #skin-46 > .item:not(:first-child) {margin-top:8px} #skin-46 .number {overflow:hidden;width:22px;line-height:20px;background-color:#fff;border:1px solid rgba(0,0,0,.1);text-align:center} #skin-46 .number.user-bg {background-color:#e73f72} #skin-46 .auto-titles {width:calc(100% - 22px);padding-left:12px} </style> <div id="skin-46" class="auto-article"><div class="item"> <a href="/news/articleView.html?idxno=212178" target="_top" class="auto-valign"> <em class="number for-middle size-12 auto-fontF user-bg">1</em> <span class="auto-titles for-middle size-14 line-4x1 auto-fontA onload">북한은 최빈국(the poorest nation)일까?</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=212165" target="_top" class="auto-valign"> <em class="number for-middle size-12 auto-fontF user-bg">2</em> <span class="auto-titles for-middle size-14 line-4x1 auto-fontA onload">변모되는 평양.. 도로 새 포장, 보통강 섬들에 휴식터 건설</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=212109" target="_top" class="auto-valign"> <em class="number for-middle size-12 auto-fontF user-bg">3</em> <span class="auto-titles for-middle size-14 line-4x1 auto-fontA onload">“북러 간 동맹관계 조약 이제 이해했다”</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=212143" target="_top" class="auto-valign"> <em class="number for-middle size-12 auto-fontB">4</em> <span class="auto-titles for-middle size-14 line-4x1 auto-fontA onload">트럼프 2기의 대북 정책과 남북관계</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=212132" target="_top" class="auto-valign"> <em class="number for-middle size-12 auto-fontB">5</em> <span class="auto-titles for-middle size-14 line-4x1 auto-fontA onload">우크라이나 직간접 무기지원의 국제법적 검토</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=212142" target="_top" class="auto-valign"> <em class="number for-middle size-12 auto-fontB">6</em> <span class="auto-titles for-middle size-14 line-4x1 auto-fontA onload">“사랑도 청춘도 목숨도 조국의 통일을 위해!”</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=212182" target="_top" class="auto-valign"> <em class="number for-middle size-12 auto-fontB">7</em> <span class="auto-titles for-middle size-14 line-4x1 auto-fontA onload">천주교 사제 1,466명 ‘시국선언’, “대통령을 파면하자!”</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=212107" target="_top" class="auto-valign"> <em class="number for-middle size-12 auto-fontB">8</em> <span class="auto-titles for-middle size-14 line-4x1 auto-fontA onload">중단 16년째 다시 '그리운 금강산'..."정부가 책임지고 사업 청산하라"</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=212135" target="_top" class="auto-valign"> <em class="number for-middle size-12 auto-fontB">9</em> <span class="auto-titles for-middle size-14 line-4x1 auto-fontA onload">(사)일제강제징용희생자유해봉환위원회 창립총회</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=212116" target="_top" class="auto-valign"> <em class="number for-middle size-12 auto-fontB">10</em> <span class="auto-titles for-middle size-14 line-4x1 auto-fontA onload">“코리아의 평화와 세계 반전평화운동” 청년간담회</span> </a> </div> </div> </div> </div> <script>$('#INC_TAB_D_1_container').tabslet({ mouseevent: 'hover', attribute: 'data-tabs-target', animation: false });</script> </div> <!--// 편집패널 --> </div> </div> </aside> </div> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> </div> </section> <!--// container --> </div> <!-- footer //--> <footer id="user-footer" class="user-style-default"> <div class="float-center width-1080"> <h2 class="show-for-sr">하단영역</h2> <div class="footer-menu"> <!-- logo //--> <div class="footer-columns user-logo"><img src="https://cdn.tongilnews.com/image/logo/downlogo_20201012024636.png" alt="통일뉴스" /></div> <!--// logo --> <div class="footer-columns"> <!-- nav //--> <nav class="user-nav"> <h3 class="show-for-sr">하단메뉴</h3> <a href="/com/com-1.html"><strong>매체소개</strong></a> <a href="https://www.tongilnews.com/com/jb.html"><strong>기사제보</strong></a> <a href="https://www.tongilnews.com/com/ad.html"><strong>광고문의</strong></a> <a href="/com/service.html"><strong>이용약관</strong></a> <a href="/com/privacy.html"><strong>개인정보처리방침</strong></a> <a href="/com/youthpolicy.html"><strong>청소년보호정책</strong></a> <a href="/com/copyright.html"><strong>저작권보호정책</strong></a> <a href="/com/emailno.html"><strong>이메일무단수집거부</strong></a> <!-- <a href="https://www.tongilnews.com/rssIndex.html"><strong>RSS</strong></a> --> </nav> <!--// nav --> <address class="user-address"> <h3 class="show-for-sr">매체정보</h3> <ul class="no-bullet"> <li class="bars">서울시 종로구 새문안로5길 11-7. 수진빌딩 301호(당주동) </li> <li class="bars">대표전화 : 02-6272-0182 </li> <li>청소년보호책임자 : 이계환</li> <li class="bars clear">법인명 : 통일뉴스</li> <li class="bars">제호 : 통일뉴스</li> <li class="bars">등록번호 : 서울 아00126</li> <li class="bars">등록일 : 2005년 11월 11일</li> <li class="bars">발행일 : 2000년 8월 15일</li> <li>발행·편집인 : 이계환</li> <li class="clear martop-20">통일뉴스 모든 콘텐츠(영상,기사, 사진)는 저작권법의 보호를 받는 바, 무단 전재와 복사, 배포 등을 금합니다.</li> <li class="clear">C<a href="https://www.tongilnews.com/admin/adminLoginForm.html" tabindex="-1">o</a>pyright © 2024 통일뉴스. <a href="http://www.tongilnews.com/news/articleList.html?sc_sub_section_code=S2N42&view_type=sm" onclick="setCookie('view_pc', 'n', 1);" tabindex="-1">All</a> rights reserved. mail to <a href="mailto:tongil@tongilnews.com">tongil@tongilnews.com</a></li> </ul> <a href="http://www.ndsoft.co.kr/" target="_blank" class="ndsoft"><img src="https://cdn.tongilnews.com/image/ndsoft.svg" alt="ND소프트" /></a> </address> </div> </div> </div> </footer> <!--// footer --> <div class="clearfix text-center"> </div> <button type="button" id="back-to-top" class="back-to-top" title="위로"><i class="icon-arrow-top"><span class="show-for-sr">위로</span></i></button> </div> <!--// wrap --> </div> <div class="off-canvas user-canvas position-left is-closed" id="offCanvas" data-off-canvas data-transition="overlap"> <style type="text/css"> .user-canvas .user-canvas-navs .menu li > a:hover,.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a {background:#2c7eca} .user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent > a::after,.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a::after {border-top-color:#2c7eca} .user-canvas .user-canvas-navs .menu li ul.menu.nested li a:hover {color:#2c7eca} </style> <nav id="allService" class="user-canvas-navs"> <h2 class="show-for-sr">전체메뉴</h2> <!-- 1차 //--> <ul class="vertical menu accordion" data-accordion-menu data-multi-open="false"> <li><a href="/news/articleList.html?view_type=sm">전체기사</a></li> <li> <a href="/news/articleList.html?sc_section_code=S1N1&view_type=sm" target="_top">현장소식</a> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N2&view_type=sm" target="_top">북한소식</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N2&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N44&view_type=sm" target="_top">생활경제정보</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N20&view_type=sm" target="_top">북녘기자뉴스</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N19&view_type=sm" target="_top">북녘기자사진</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N22&view_type=sm" target="_top">북녘기자영상</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N23&view_type=sm" target="_top">'조선사회과학학술집’ 소개</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N47&view_type=sm" target="_top">주간북한동향</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N3&view_type=sm" target="_top">민간교류</a> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N4&view_type=sm" target="_top">남북관계</a> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N5&view_type=sm" target="_top">북미관계</a> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N18&view_type=sm" target="_top">동북아외신</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N18&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N24&view_type=sm" target="_top">동북아</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N6&view_type=sm" target="_top">정부정당</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N6&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N28&view_type=sm" target="_top">국방</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N27&view_type=sm" target="_top">외교</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N29&view_type=sm" target="_top">정당</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N7&view_type=sm" target="_top">해외동포</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N7&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N26&view_type=sm" target="_top">[KIN연재 동포소식]</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N30&view_type=sm" target="_top">조선학교</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N8&view_type=sm" target="_top">경협소식</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N8&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N4&view_type=sm" target="_top">경협뉴스</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N5&view_type=sm" target="_top">경협기업탐방</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N6&view_type=sm" target="_top">경협정보실</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N7&view_type=sm" target="_top">경협상식</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N9&view_type=sm" target="_top">오피니언</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N9&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N1&view_type=sm" target="_top">시론</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N2&view_type=sm" target="_top">칼럼</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N32&view_type=sm" target="_top">데스크브리핑</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N3&view_type=sm" target="_top">기고</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N31&view_type=sm" target="_top">기자의눈</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N33&view_type=sm" target="_top">인터뷰</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N10&view_type=sm" target="_top">통일문화</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N10&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N34&view_type=sm" target="_top">우리들이야기</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N11&view_type=sm" target="_top">방북기</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N10&view_type=sm" target="_top">화제의책</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N36&view_type=sm" target="_top">문화</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N12&view_type=sm" target="_top">그림만평</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N45&view_type=sm" target="_top">고석근의 시시(詩視)한 세상</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N46&view_type=sm" target="_top">최재영 목사의 남북사회통합운동 방북기</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N48&view_type=sm" target="_top">이진석 만화, 항일 무장투쟁사</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N49&view_type=sm" target="_top">정상덕의 평화일기</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N11&view_type=sm" target="_top">특집연재</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N11&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N8&view_type=sm" target="_top">테마기획</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N37&view_type=sm" target="_top">방북취재</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N38&view_type=sm" target="_top">연재</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N20&view_type=sm" target="_top">커뮤니티</a> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N21&view_type=sm" target="_top">포토</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N21&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N42&view_type=sm" target="_top">남북교류사진</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N40&view_type=sm" target="_top">북녘사진</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N18&view_type=sm" target="_top">포토뉴스</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N41&view_type=sm" target="_top">사진이야기</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N39&view_type=sm" target="_top">영상</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N50&view_type=sm" target="_top">박창술의 2018 평화 평창</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N13&view_type=sm" target="_top">청소년</a> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N14&view_type=sm" target="_top">독자참여광장</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N14&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N9&view_type=sm" target="_top">데스크에세이</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N15&view_type=sm" target="_top">캘린더</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N15&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N13&view_type=sm" target="_top">통일캘린더</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N14&view_type=sm" target="_top">현장캘린더</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N16&view_type=sm" target="_top">기타</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N16&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N15&view_type=sm" target="_top">사이트맵</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N16&view_type=sm" target="_top">관련사이트</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N17&view_type=sm" target="_top">통일뉴스소개</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N25&view_type=sm" target="_top">이벤트</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N19&view_type=sm" target="_top">임시메인</a> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N22&view_type=sm" target="_top">알립니다</a> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N24&view_type=sm" target="_top">이벤트</a> </li> </ul> </nav> <button class="close-button" aria-label="Close menu" type="button" data-close> <i class="icon-close-thin"><span class="show-for-sr">전체메뉴닫기</span></i> </button> </div> </div> </div> <script> // Popup Json var ___popup = []; bannerpop.popup(); </script> <script type="text/javascript"> // back to the top $(document).scroll(function(){ var sDocumentHeight = $(document).height() - $(window).height(); if($(document).scrollTop() > 0){ $('#back-to-top').fadeIn(); }else{ $('#back-to-top').fadeOut(); } }); $('#back-to-top').click(function(){ $('html, body').animate( {scrollTop:0}, 100); }); </script> <!-- 구글 애드센스 S --> <script src="https://cdn.tongilnews.com/adManager/js/lab.js"></script> <script> jQuery(function($) { setTimeout(function() { $LAB .script("//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js") .wait(function () { var adn = jQuery('.adsbygoogle').length; if (adn > 0) { for (var i = 0; i < adn; i++) { (adsbygoogle = window.adsbygoogle || []).push({}); } } }); }, 1000); }); </script> <!-- 구글 애드센스 E --> <script type="text/javascript" src="/library/isND/index.html"></script> <script> $(document).ready(function(){ // 닫기 버튼 자동 노출 $('.ad-template.ad-close .ad-view').each(function(){ $(this).append('<div class="ad-close-btn"><i class="icon-close"></i></div>'); }) // 닫기 버튼 클릭 시 이벤트 $('body').on('click', '.ad-close-btn', function(){ $(this).closest('.ad-view').slideUp(); }) if(____is_nd) { // ND IP만 광고 ID 보이기 $('.ad-template').each(function(){ $(this).append('<div class="ad-code-id">'+$(this).attr('id')+'</div>'); }) // 광고 ID 자동 숨김 설정 시 $('.ad-code-id').hide(); $('.ad-template').mouseenter(function(){ $(this).find('.ad-code-id').show(); }).mouseleave(function(){ $(this).find('.ad-code-id').hide(); }) } }) /* ****************************************** */ /* 날개배너 스크립트 */ /* ****************************************** */ $(window).scroll(function() { if( $('#wingBanner .wing-banner').length > 0 ){ // 날개배너가 있으면 작동 var scrollingHeight_L = nonScrollingHeight_L = scrollingHeight_R = nonScrollingHeight_R = 0; $('#wingBanner .wing-banner').each(function(idx){ var $_this = $(this), // 날개배너 scroll = $_this.data('scroll'), // 날개배너 스크롤 여부 topMargin = $_this.data('top-margin'), // 날개배너 상단여백 downMargin = $_this.data('down-margin'), // 날개배너 하단여백 duration = $_this.data('duration'), // 날개배너 스크롤 속도 direction = $_this.data('direction'), // 날개배너 위치 // bannerTop = $_this.offset().top, // 날개배너 상단 위치 (가변) bannderHeight = $_this.outerHeight(); // 날개배너 높이 (고정) var fixWingBannertop = $('#wingBanner').offset().top; // 날개배너 상단 위치 (고정) var articleTitleHeight = $('#sticky-header.scroll').height(); // 날개배너 스크롤 시 상단 타이틀 높이 (기사 본문 시) if(!articleTitleHeight) articleTitleHeight = 0; var $_userFooter = $('#user-footer'), // 사이트 Footer userFooterHeight = $_userFooter.outerHeight(); // 사이트 Footer 높이 (고정) var winScrollTop = $(window).scrollTop(), // 윈도우 스크롤 위치 (가변) winHeight = $(window).height(), // 윈도우 높이 docHeight = $(document).height(); // 페이지 높이 switch (direction) { // 날개 배너 위치 별 case 'left': if(scroll == 'y') scrollingHeight_L += bannderHeight; // 순서대로 노출되는 날개배너 중 스크롤 하는 배너의 높이값 (좌) else nonScrollingHeight_L += bannderHeight; // 순서대로 노출되는 날개배너 중 스크롤 하지 않는 배너의 높이값 (좌) break; case 'right': if(scroll == 'y') scrollingHeight_R += bannderHeight; // 순서대로 노출되는 날개배너 중 스크롤 하는 배너의 높이값 (우) else nonScrollingHeight_R += bannderHeight; // 순서대로 노출되는 날개배너 중 스크롤 하지 않는 배너의 높이값 (우) break; } if(scroll == 'y') { // 스크롤 배너만 움직임 처리 var bannerAllHeight = siteAllHeight = 0; // 좌우측 각각 배너 스크롤 처리를 위해 나눠서 처리 if(direction == 'left'){ // 좌측 날개 var wingBnTop_L = winScrollTop - fixWingBannertop + topMargin - nonScrollingHeight_L; // 날개배너 스크롤 위치 (가변) if( articleTitleHeight ) wingBnTop_L += articleTitleHeight; // 기사본문 시 상단 스크롤 타이틀이 나타나면 스크롤 타이틀 만큼 날개배너 위치 조정 if((fixWingBannertop + nonScrollingHeight_L) < winScrollTop) { bannerAllHeight = articleTitleHeight + scrollingHeight_L + 1; // 상단 타이틀 + 스크롤배너의 총 높이 siteAllHeight = winHeight - userFooterHeight + downMargin; // 윈도우 높이 + 사이트 Footer 높이 if( (winScrollTop >= ((docHeight - userFooterHeight) - winHeight)) && (bannerAllHeight >= siteAllHeight) ) { // 사이트 Footer 넘어가는 경우 처리 wingBnTop_L -= ((userFooterHeight + downMargin) - (winHeight - (scrollingHeight_L + topMargin + articleTitleHeight))); $('#wingBanner .wing-banner-left .wing-banner').animate({top:wingBnTop_L+"px" },{queue: false, duration: duration}); // 마지막 배너 움직임 처리 } } else { wingBnTop_L = 0; // 최상단 처리 } $_this.animate({top:wingBnTop_L+"px" },{queue: false, duration: duration}); } else { // 우측 날개 var wingBnTop_R = winScrollTop - fixWingBannertop + topMargin - nonScrollingHeight_R; // 날개배너 스크롤 위치 (가변) if( articleTitleHeight ) wingBnTop_R += articleTitleHeight; // 기사본문 시 상단 스크롤 타이틀이 나타나면 스크롤 타이틀 만큼 날개배너 위치 조정 if((fixWingBannertop + nonScrollingHeight_R) < winScrollTop) { bannerAllHeight = articleTitleHeight + scrollingHeight_R + 1; // 상단 타이틀 + 스크롤배너의 총 높이 siteAllHeight = winHeight - userFooterHeight + downMargin; // 윈도우 높이 + 사이트 Footer 높이 if( (winScrollTop >= ((docHeight - userFooterHeight) - winHeight)) && (bannerAllHeight >= siteAllHeight) ) { // 사이트 Footer 넘어가는 경우 처리 wingBnTop_R -= ((userFooterHeight + downMargin) - (winHeight - (scrollingHeight_R + topMargin + articleTitleHeight))); $('#wingBanner .wing-banner-right .wing-banner').animate({top:wingBnTop_R+"px" },{queue: false, duration: duration}); // 마지막 배너 움직임 처리 } } else { wingBnTop_R = 0; // 최상단 처리 } $_this.animate({top:wingBnTop_R+"px" },{queue: false, duration: duration}); } } }); } }); </script> </body> </html>

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