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=980"> <meta name="apple-mobile-web-app-title" content="허프포스트코리아" /> <!-- 메타태그정보 //--> <meta name="description" content="1분만 봐도 넓어지는 내 세계관. 다른 곳에서 볼 수 없는 국제 소식과 최신 이슈, 유용한 라이프 기사까지."/> <meta property="og:title" content="허프포스트코리아"/> <meta property="og:site_name" content="허프포스트코리아"/> <meta property="og:image" content="https://www.huffingtonpost.kr/image/logo/snslogo_20220307041542.jpg" /> <meta property="og:url" content="https://www.huffingtonpost.kr" /> <meta property="og:description" content="1분만 봐도 넓어지는 내 세계관. 다른 곳에서 볼 수 없는 국제 소식과 최신 이슈, 유용한 라이프 기사까지." /> <meta name="twitter:card" content="summary"/> <meta name="twitter:title" content="허프포스트코리아"/> <meta name="twitter:description" content="1분만 봐도 넓어지는 내 세계관. 다른 곳에서 볼 수 없는 국제 소식과 최신 이슈, 유용한 라이프 기사까지."/> <meta name="twitter:image:src" content="https://www.huffingtonpost.kr/image/logo/snslogo_20220307041542.jpg"/> <!--// 메타태그정보 --> <link rel="shortcut icon" href="https://cdn.huffingtonpost.kr/image/logo/favicon.ico"> <title>동물 < 보이스 < 기사목록 - 허프포스트코리아</title> <link rel="canonical" href="https://www.huffingtonpost.kr" /> <link rel="stylesheet" href="https://cdn.huffingtonpost.kr/css/jquery-ui.min.css"> <link rel="stylesheet" href="https://cdn.huffingtonpost.kr/css/slick.min.css"> <link rel="stylesheet" href="https://cdn.huffingtonpost.kr/css/jquery.timepicker.css" /> <link rel="stylesheet" href="https://cdn.huffingtonpost.kr/adManager/css/adManager.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&family=Roboto:wght@100;300;400;500;700&display=swap"> <link rel="stylesheet" href="https://cdn.huffingtonpost.kr/css/foundation.min.css"> <link rel="stylesheet" href="https://cdn.huffingtonpost.kr/css/custom.foundation.min.css"> <link rel="stylesheet" href="https://cdn.huffingtonpost.kr/css/webfonts.min.css"> <link rel="stylesheet" href="https://cdn.huffingtonpost.kr/css/font.style.css"> <link rel="stylesheet" href="https://cdn.huffingtonpost.kr/css/media.min.css"> <link rel="stylesheet" href="https://cdn.huffingtonpost.kr/css/autobox.style.min.css"> <link rel="stylesheet" href="https://cdn.huffingtonpost.kr/css/templates.style.min.css"> <link rel="stylesheet" href="https://cdn.huffingtonpost.kr/css/plugin.style.min.css"> <link rel="stylesheet" href="https://cdn.huffingtonpost.kr/css/style.min.css"> <link rel="stylesheet" href="https://cdn.huffingtonpost.kr/css/design.style.css"><link rel="stylesheet" href="https://cdn.huffingtonpost.kr/menuskin/pd_01/menubar.css"> <script src="https://cdn.huffingtonpost.kr/script/jquery.min.js"></script> <script src="https://cdn.huffingtonpost.kr/script/jquery-ui.min.js"></script> <script src="https://cdn.huffingtonpost.kr/script/slick.min.js"></script> <script src="https://cdn.huffingtonpost.kr/script/jquery.rwdImageMaps.min.js"></script> <script src="https://cdn.huffingtonpost.kr/script/what-input.js"></script> <script src="https://cdn.huffingtonpost.kr/script/foundation.min.js"></script> <script src="https://cdn.huffingtonpost.kr/menuskin/pd_01/menubar.js"></script> <script src="https://cdn.huffingtonpost.kr/script/user.style.js"></script> <script src="https://cdn.huffingtonpost.kr/script/clipboard.min.js"></script> <script src="https://cdn.huffingtonpost.kr/script/jquery.timepicker.min.js"></script> <script src="https://cdn.huffingtonpost.kr/script/jquery.tabslet.min.js"></script> <script src="https://cdn.huffingtonpost.kr/script/common.js"></script> <!--[if lt IE 10]> <link rel="stylesheet" href="https://cdn.huffingtonpost.kr/css/style.ie9.css"> <script src="https://cdn.huffingtonpost.kr/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/>출처 : 허프포스트코리아(https://www.huffingtonpost.kr)<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 = 'https://www.huffingtonpost.kr' ,___currentTime = 1732401882; // 즐겨찾기 스크립트 function bookmark() { window.external.AddFavorite("https://www.huffingtonpost.kr", "허프포스트코리아") } </script> <style type="text/css"> /* 사이트 기본 색 */ .user-point,a.user-point, .poll-columns .poll-state.going {color:#0dbe98 !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:#0dbe98 !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:#0dbe98 !important} .user-border-top {border-top-color:#0dbe98 !important} .user-border-bottom {border-bottom-color:#0dbe98 !important} .user-border-left {border-left-color:#0dbe98 !important} .user-border-right {border-right-color:#0dbe98 !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} /* view */ @media screen and (max-width: 1100px) { #sticky-header .aht-btn {display:none !important} } /* site size */ .width-980 {width:980px} .max-width-980 {max-width:980px} .min-width-980 {min-width:980px} </style> <!--[PC] 타볼라 헤더코드(AD165206085813)//--> <script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({article:'auto'}); !function (e, f, u, i) { if (!document.getElementById(i)){ e.async = 1; e.src = u; e.id = i; f.parentNode.insertBefore(e, f); } }(document.createElement('script'), document.getElementsByTagName('script')[0], '//cdn.taboola.com/libtrc/huffingtonpost-korea/loader.js', 'tb_loader_script'); if(window.performance && typeof window.performance.mark == 'function') {window.performance.mark('tbl_ic');} </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PLRMJKD');</script> <!-- End Google Tag Manager --> <meta property="fb:pages" content="296869857127346" /> <meta property="og:app_id" content="284021941754241" /> <meta property="fb:app_id" content="284021941754241" /> <!-- 20221005 --> <meta name="google-site-verification" content="_CmJsQd4QDdLERKnV_xKW79yNpqDpdMg_GN3bH_7eYk" /> <link rel="preload" as="style" href="https://cdn.huffingtonpost.kr/css/style.min.css"> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "허프포스트코리아", "address" : "서울특별시 마포구 토정로 310 (한국카본빌딩) 4층", "alternateName": "huffingtonpost news", "url": "https://www.huffingtonpost.kr", "logo": "https://www.huffingtonpost.kr/image/logo/snslogo_20220307041542.jpg", "sameAs": [ "https://www.facebook.com/huffpostkorea", "https://www.instagram.com/huffpostkorea/", "https://twitter.com/huffpostkorea", "https://www.youtube.com/channel/UCqy-7yypdR64qkyeRD7nOQw", "https://post.naver.com/my.naver?memberNo=43185565", "https://apps.apple.com/kr/app/id306621789" ], "contactPoint": { "@type": "ContactPoint", "email" : "huffkorea@gmail.com", "telephone" : "+82-2-6958-9012", "contactType": "Customer service" }, "potentialAction": { "@type": "SearchAction", "target": "https://www.huffingtonpost.kr/news/articleList.html?sc_word={query}", "query": "required" } } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList ", "itemListElement": [ { "@type": "ListItem", "position": 1, "item": { "@id": "https://www.huffingtonpost.kr", "name": "허프포스트코리아" } } ,{ "@type": "ListItem", "position": 2, "item": { "@id": "https://www.huffingtonpost.kr/news/articleList.html?sc_section_code=S1N3", "name": "보이스" } }, { "@type": "ListItem", "position": 3, "item": { "@id": "https://www.huffingtonpost.kr/news/articleList.html?sc_sub_section_code=S2N10", "name": "동물" } } ] } </script> <meta name="robots" content="max-image-preview:large"> </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> <!--PC 구글 태그매니저 관련 body 상단 삽입 (20220926)//--> <style>#AD166417115785.ad-template { margin:auto; position:relative; display:block; clear:both; z-index:1; } #AD166417115785.ad-template .col { text-align:center; } #AD166417115785.ad-template .col .ad-view { position:relative; }</style> <!-- AD Manager | AD166417115785 //--> <div id="AD166417115785" class="ad-template"> <div class="col"><div class="ad-view"><!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PLRMJKD" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --></div></div> </div> <!--// AD Manager | AD166417115785 --> <!--[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-980"> <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 .mode-inner {min-width:980px} /* all-sections */ #all-sections .is-accordion-submenu-parent[aria-expanded="true"] > a {color:#0dbe98 !important} #all-sections .is-accordion-submenu-parent > a::after {border-top-color:#0dbe98} </style> <!-- header //--> <header id="header-wrapper" class="vertical basic center " data-main-code="S1N3" data-sub-code="S2N10" data-serial-code="/news/articleList.html" data-multi-code=""> <div class="font-noto"> <div class="user-logo-area"> <div class="mode-inner"> <article class="area user-banner"> <!-- sns //--> <article class="user-sns"> <a rel="menu" class="item user-allbtn"><i class="icon-bars"><span class="show-for-sr">전체기사보기</span></i></a> <a href="https://www.facebook.com/huffpostkorea/" target="_blank" class="item"><i class="icon-facebook"><span class="show-for-sr">facebook</span></i></a> <a href="https://twitter.com/huffpostkorea" target="_blank" class="item"><i class="icon-twitter"><span class="show-for-sr">twitter</span></i></a> <a href="https://story.kakao.com/ch/huffingtonpost" target="_blank" class="item"><i class="icon-kakaostory"><span class="show-for-sr">kakaostory</span></i></a> <a href="https://www.youtube.com/channel/UCqy-7yypdR64qkyeRD7nOQw" target="_blank" class="item"><i class="icon-youtube-play"><span class="show-for-sr">youtube</span></i></a> <a href="https://www.instagram.com/huffpostkorea/" target="_blank" class="item"><i class="icon-instagram"><span class="show-for-sr">instagram</span></i></a> </article> <!--// sns --> <!-- 최종편집 //--> <div class="update">UPDATED. 2024-11-24 00:47 (일) </div> <!--// 최종편집 --> </article> <h1 class="area user-logo"> <a href="https://www.huffingtonpost.kr" target="_top"><img src="https://cdn.huffingtonpost.kr/image/logo/whitelogo.png" alt="허프포스트코리아" /></a> </h1> <article class="area user-banner"> <!-- about //--> <article class="user-etc"> <div class="user-search"> <button type="button" class="sch-btns"><i class="icon-search"><span class="show-for-sr">검색버튼</span></i></button> <div class="user-search-form"> <fieldset class="sch-fieldset"> <form name="head-search" method="get" class="clearfix" 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="sc_word">검색</label> <input type="search" name="sc_word" id="sc_word" onkeydown="if(event.keyCode==13){if(this.form.sc_word.value != ''){this.form.submit();}else{alert('검색어를 입력해주세요');return false;}}" placeholder="검색어를 입력하세요"> <button type="button" onclick="if(this.form.sc_word.value != ''){this.form.submit();}else{alert('검색어를 입력해주세요');this.form.sc_word.focus();return false;}"><i class="icon-search-thin"><span class="show-for-sr">검색</span></i></button> <button type="button" class="sch-close"><i class="icon-close-thin"><span class="show-for-sr">검색닫기</span></i></button> </form> </fieldset> </div> </div> <div class="user-intro"> <!-- <a href="/com/com-1.html" class="item">About Us</a> --> <!-- <a href="/com/kd.html" class="item">Subscribe</a> --> <a href="https://www.huffingtonpost.kr/member/login.html" target="_top" class="item">Login</a> <a href="https://www.huffingtonpost.kr/member/index.html" target="_top" class="item">Join</a> </div> </article> <!--// about --> </article> </div> </div> <nav id="user-nav"> <div class="float-center" style="width:980px"> <!-- 섹션 //--> <ul id="user-menu" class="user-menu"> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N2&view_type=sm" target="_top" data-code="S1N2">글로벌</a> <ul class="no-bullet"> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N1&view_type=sm" target="_top" data-code="S1N1">뉴스&이슈</a> <ul class="no-bullet"> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N3&view_type=sm" target="_top" data-code="S1N3">보이스</a> <ul class="no-bullet"> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N5&view_type=sm" target="_top" data-code="S1N5">엔터테인먼트</a> <ul class="no-bullet"> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N4&view_type=sm" target="_top" data-code="S1N4">라이프</a> <ul class="no-bullet"> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N12&view_type=sm" target="_top" data-code="S1N12">헢-숏폼</a> <ul class="no-bullet"> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_multi_code=S1&view_type=sm" target="_top" data-code="S1">허프트렌드</a> <ul class="no-bullet"> </ul> </li> </ul> <!--// 섹션 --> </div> </nav> <!-- 전체메뉴 //--> <div id="all-sections"> <div class="nav-inner"> <div class="nav-top"> <h1 class="nav-logo"> <a href="https://www.huffingtonpost.kr" target="_top"> <img src="https://cdn.huffingtonpost.kr/image/logo/whitelogo.png" alt="허프포스트코리아"> </a> </h1> <button type="button" class="nav-close"><i class="icon-close-thin"><span class="show-for-sr">닫기</span></i></button> </div> <!-- 섹션 //--> <ul class="vertical menu accordion-menu" data-multi-open="false" data-accordion-menu> <li><a href="/news/articleList.html?view_type=sm">전체기사</a></li> <li> <a href="/news/articleList.html?sc_section_code=S1N2&view_type=sm" target="_top">글로벌</a> <ul class="menu simple"> <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=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=S2N3&view_type=sm" target="_top">유럽</a></li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N1&view_type=sm" target="_top">뉴스&이슈</a> <ul class="menu simple"> <li><a href="/news/articleList.html?sc_section_code=S1N1&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> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N3&view_type=sm" target="_top">보이스</a> <ul class="menu simple"> <li><a href="/news/articleList.html?sc_section_code=S1N3&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> <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=S2N9&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=S2N11&view_type=sm" target="_top">환경</a></li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N4&view_type=sm" target="_top">라이프</a> <ul class="menu simple"> <li><a href="/news/articleList.html?sc_section_code=S1N4&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=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> <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=S2N32&view_type=sm" target="_top">인티머시</a></li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N5&view_type=sm" target="_top">엔터테인먼트</a> <ul class="menu simple"> <li><a href="/news/articleList.html?sc_section_code=S1N5&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=S2N18&view_type=sm" target="_top">TV</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=S2N20&view_type=sm" target="_top">OTT</a></li> <li><a href="/news/articleList.html?sc_sub_section_code=S2N21&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">K-POP</a></li> <li><a href="/news/articleList.html?sc_sub_section_code=S2N24&view_type=sm" target="_top">공연&미술</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=S1N12&view_type=sm" target="_top">헢-숏폼</a> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N7&view_type=sm" target="_top">스포트라이트</a> </li> <li><a href="/news/articleList.html?sc_multi_code=S1&view_type=sm" target="_top">허프트렌드</a></li> </ul> <!-- 검색 //--> <fieldset class="nav-search"> <form name="head-search" method="get" class="clearfix" 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> <!--// 검색 --> <!-- 기타 //--> <ul class="user-intro"> <li><a href="https://www.huffingtonpost.kr/com/jb.html" target="_top">독자제보</a></li> <!-- <li><a href="https://www.huffingtonpost.kr/com/tg.html" target="_top">독자투고</a></li> --> <li><a href="https://www.huffingtonpost.kr/com/service-2.html" target="_top">약관 및 정책</a></li> </ul> <!--// 기타 --> </div> <div class="overlap"></div> </div> <!--// 전체메뉴 --> </div> </header> <!--// header --> <script type="text/javascript"> <!-- //메뉴 스타일 불러옴 : 메뉴 /script/menubar.js 와 같이 사용되어야 함 //submenuStyle : 서브메뉴 펼침 스타일 (horizon : 가로로, vertical : 세로 슬라이딩) var menuIndexHold = true, menuOverHold = true, submenuStyle = "vertical", sizeMode = "basic", subShow = "hold", submenuPosi = "center", effectSwitch = "on", subSlideSpeed = 150, subFadeSpeed = 150; $(document).ready(function(){ var mHeader = $("#header-wrapper") , userSecsBtn = mHeader.find(".user-allbtn") , userSecs = mHeader.find("#all-sections") , secsClose = userSecs.find(".nav-close") , secsOverlap = userSecs.find(".overlap") , mSearchBtn = mHeader.find(".sch-btns") , mSearch = mHeader.find(".user-search-form") , mSearchClose = mSearch.find(".sch-close"); // open button userSecsBtn.on({ click: function() { userSecs.show(); $('body, html').css('overflow','hidden'); } }); secsClose.on({ click: function() { userSecs.hide(); $('body, html').css('overflow','initial'); } }); secsOverlap.on({ click: function() { userSecs.hide(); $('body, html').css('overflow','initial'); } }); // search show mSearchBtn.on("click", function(){ mSearch.show(); mSearch.find("input#sc_word").focus(); }); // search hide mSearchClose.on("click", function(){ mSearch.hide(); }); }); //--> </script> </header> <!--// header --> <!-- container //--> <section id="user-container" class="posi-re text-left float-center width-980"> <h2 class="show-for-sr">본문영역</h2> <div id="layer-popups" class="float-center width-980"></div> <div class="posi-re float-center width-980"><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="y" data-top-margin="20" data-down-margin="15" data-duration="300"> <!--삼성전자240930--><script type="text/javascript">var ___BANNER = "ban_1727678740";</script><script type="text/javascript" charset="utf-8" src="https://cdn.huffingtonpost.kr/bannerpop/uploads/js/46.js?1727678740" id="ban_1727678740"></script><!--//삼성전자240930--></div> </div> <!-- 날개배너 //--> <div class="posi-re float-center width-980" id="wingBanner"> <div class="wing-banner-left"> <!--PC 기사목록 좌측 날개 (20221117)//--> <style>#AD166864450615.ad-template { margin:auto; position:relative; display:block; clear:both; z-index:1; padding-top:0px; } #AD166864450615.ad-template .col { text-align:center; } #AD166864450615.ad-template .col .ad-view { position:relative; width:150px; }</style> <!-- AD Manager | AD166864450615 //--> <div id="AD166864450615" class="ad-template wing-banner" data-scroll="n" data-top-margin="15" data-down-margin="15" data-duration="300" data-direction="left"> <div class="col"><div class="ad-view"><!-- 2022 양 사이드 윙배너 (카테고리 영역) --> <ins class="adsbygoogle" style="display:inline-block;width:160px;height:600px" data-ad-client="ca-pub-2078057024655563" data-ad-slot="8166585504"></ins></div></div> </div> <!--// AD Manager | AD166864450615 --> </div> <div class="wing-banner-right"> <!--PC 기사목록 우측 날개 (20221117)//--> <style>#AD166864453649.ad-template { margin:auto; position:relative; display:block; clear:both; z-index:1; padding-top:0px; } #AD166864453649.ad-template .col { text-align:center; } #AD166864453649.ad-template .col .ad-view { position:relative; width:150px; }</style> <!-- AD Manager | AD166864453649 //--> <div id="AD166864453649" class="ad-template wing-banner" data-scroll="n" data-top-margin="15" data-down-margin="15" data-duration="300" data-direction="right"> <div class="col"><div class="ad-view"><!-- 2022 양 사이드 윙배너 (카테고리 영역) --> <ins class="adsbygoogle" style="display:inline-block;width:160px;height:600px" data-ad-client="ca-pub-2078057024655563" data-ad-slot="8166585504"></ins></div></div> </div> <!--// AD Manager | AD166864453649 --> </div> </div> <!--// 날개배너 --> <style type="text/css"> /* edit skin css START */ #user-section {margin:0 auto} #user-wrap #user-section {margin-top:5rem;margin-bottom:5rem} #user-section #sections .header {position:relative;padding:0;margin:0 auto 3.125rem;border-bottom:none;text-align:center} #user-section #sections .header::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:100%;height:0;border-top:1px solid #000} #user-section #sections .header > .titles {position:relative;z-index:10;width:auto;padding:0 1.875rem;font-size:3rem;letter-spacing:0;font-weight:700;font-weight:var(--wgt700, 700);background-color:#fff} @media screen and (max-width: 39.9375em) { .row #user-section #sections .header > .titles {font-size:1.9375rem} } /* list */ #user-section #section-list {padding:0 2.5rem;text-align:center} #user-section #section-list .types {display:block;max-width:820px;margin:0 auto} #user-section #section-list .types > li {display:block;font-size:0;text-align:left} #user-section #section-list .types > li:not(:first-child) {margin-top:2.5rem;padding-top:2.5rem;border-top:1px solid rgba(0,0,0,.15)} #user-section #section-list .types .view-cont {display:block} #user-section #section-list .types .thumb, #user-section #section-list .types .thumb + .view-cont {display:inline-block;vertical-align:middle} #user-section #section-list .types .thumb {overflow:hidden;position:relative;width:410px;height:282px;text-align:center} #user-section #section-list .types .thumb::before {content:'';position:absolute;z-index:5;left:0;top:0;width:100%;height:100%;background:none;border:1px solid rgba(0,0,0,.08)} #user-section #section-list .types .thumb > img {position:absolute;z-index:1;left:50%;top:50%;object-fit:contain;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)} #user-section #section-list .types .thumb + .view-cont {width:calc(100% - 410px);padding-left:2.5rem} #user-section #section-list .types .titles {font-size:1.688rem;font-weight:400;font-weight:var(--wgt400, 400);letter-spacing:0;color:#000} #user-section #section-list .types .sub-titles {font-size:1rem;font-weight:400;font-weight:var(--wgt400, 400);letter-spacing:0;color:#4c4c4c} #user-section #section-list .types .titles > a {color:inherit} #user-section #section-list .types .lead {font-size:1.125rem;font-weight:300;font-weight:var(--wgt300, 300);color:rgba(0,0,0,.85)} #user-section #section-list .types .lead > a {color:inherit;text-decoration:none} #user-section #section-list .types .byline {display:block;margin-top:1.875rem;font-size:1.125rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1;color:#000} #user-section #section-list .types .byline > .thin {font-size:.875em;font-weight:300;font-weight:var(--wgt300, 300);color:rgba(0,0,0,.65)} @media screen and (max-width: 63.9375em) { .row #user-section #section-list .types .thumb {width:300px;height:200px} .row #user-section #section-list .types .thumb + .view-cont {width:calc(100% - 300px)} .row #user-section #section-list .types .titles {font-size:1.875rem} .row #user-section #section-list .types .lead {display:none !important} } @media screen and (max-width: 39.9375em) { #user-wrap #user-section {margin-top:3.125rem} .row #user-section #section-list {padding:0} .row #user-section #section-list .types .thumb, .row #user-section #section-list .types .thumb + .view-cont {display:block;width:auto} .row #user-section #section-list .types .thumb {height:auto;margin-bottom:1.25rem} .row #user-section #section-list .types .thumb > img {position:initial;z-index:initial;left:initial;top:initial;-ms-transform:translate(0, 0);transform:translate(0, 0)} .row #user-section #section-list .types .thumb + .view-cont {padding-left:0} .row #user-section #section-list .types .titles {font-size:1.3125rem} .row #user-section #section-list .types .byline {font-size:1.0625rem} } /* 기자소개 */ #user-section #section-list .writer-infobox {padding:0 2.5rem;margin-bottom:1.5rem} #user-section #section-list .writer-infobox .writer-infocontent {display:flex;padding:1rem 2.5rem;border:1px solid #eaeaea;text-align:left} #user-section #section-list .writer-infobox .writer-infocontent .writer-name {border-right: 1px solid #eaeaea;width: 20%} #user-section #section-list .writer-infobox .writer-infocontent .writer-name p {font-size: 1.25rem;font-weight: 600;letter-spacing: -.125rem} #user-section #section-list .writer-infobox .writer-infocontent .writer-info {width:80%;padding-left:2rem} #user-section #section-list .writer-infobox .writer-infocontent .writer-info p {color: #888;font-size: .95rem} /* paginate */ #user-section .pagination {margin:7.5rem auto} #user-section .pagination li {width:64px;height:64px;padding:0;margin:0;font-size:1.125rem;font-weight:500;font-weight:var(--wgt500, 500);line-height:60px;color:#000;border:2px solid transparent;border-radius:0;text-align:center} #user-section .pagination .current {background:none !important;color:rgba(0,0,0,.65);border-color:#000} #user-section .pagination .pagination-start, #user-section .pagination .pagination-end {font-size:1.875rem} #user-section .pagination li a {display:block;padding:0;font-weight:inherit;line-height:inherit;color:inherit;border:none} #user-section .list-btn-more {max-width:220px;margin:5rem auto;padding-top:1.375rem;padding-bottom:1.375rem;font-size:1.375rem;font-weight:300;font-weight:var(--wgt300, 300);color:#000 !important;border-color:#000;border-radius:0} @media screen and (max-width: 39.9375em) { .row #user-section .list-btn-more {padding-top:1.125rem;padding-bottom:1.125rem;font-size:1.25rem} } /* edit skin css END */ </style> <div id="user-section" style="max-width:980px"> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> <!-- 기사리스트 //--> <div id="sections"> <!-- header //--> <header class="header"> <h3 class="titles"> 동물 </h3> </header> <!--// header --> <!-- 웹진형 //--> <section id="section-list"> <ul class="types"> <li> <a href="/news/articleView.html?idxno=230009" target="_top" class="thumb"> <img src="https://cdn.huffingtonpost.kr/news/photo/202409/230009_386137_31.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles line-4"><a href="/news/articleView.html?idxno=230009" target="_top">&quot;움직이지만&quot; 몸통 잘린 채 몸부림치는 랍스터, &apos;잔인성 논란&apos; 뒤 가게 사장이 낸 입장은 듣고 나니 생각이 복잡해진다</a></h4> <p class="sub-titles line-4"><a href="/news/articleView.html?idxno=230009" target="_top">&quot;사후 경련일 뿐 살아있는 게 아니다&quot; -식당 측</a></p> <span class="byline font-nanum">유해강 에디터</span> </div> </li> <li> <a href="/news/articleView.html?idxno=229933" target="_top" class="thumb"> <img src="https://cdn.huffingtonpost.kr/news/photo/202409/229933_385892_5636.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles line-4"><a href="/news/articleView.html?idxno=229933" target="_top">귀여운 담비가 지팡이 짚고 일어선 이유는 &apos;딱 4글자&apos;고, 머리털 나고 처음 보는 광경이지만 금요일 힐링 제대로다</a></h4> <p class="sub-titles line-4"><a href="/news/articleView.html?idxno=229933" target="_top">영역 표시.</a></p> <span class="byline font-nanum">한겨레 김지숙 기자</span> </div> </li> <li> <a href="/news/articleView.html?idxno=229676" target="_top" class="thumb"> <img src="https://cdn.huffingtonpost.kr/news/photo/202409/229676_385117_182.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles line-4"><a href="/news/articleView.html?idxno=229676" target="_top">‘똘망똘망 눈+오동통한 몸’ 태국서 푸바오급 인기라는 아기 하마 ‘무뎅’ : 그런데 동물원의 경고에 일순간 분노가 치솟는다</a></h4> <p class="sub-titles line-4"><a href="/news/articleView.html?idxno=229676" target="_top">물을 뿌리거나 물건 던지는 모습이 포착됐다.</a></p> <span class="byline font-nanum">한겨레 김지숙 기자</span> </div> </li> <li> <a href="/news/articleView.html?idxno=229635" target="_top" class="thumb"> <img src="https://cdn.huffingtonpost.kr/news/photo/202409/229635_385020_4540.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles line-4"><a href="/news/articleView.html?idxno=229635" target="_top">일회용품 안 좋아하는 유승호의 보부상 가방에서 &apos;종이컵&apos;이 떡~하니 나온 이유: 나도 모르게 청혼할 뻔했다</a></h4> <p class="sub-titles line-4"><a href="/news/articleView.html?idxno=229635" target="_top">길고양이를 챙기기 위해.</a></p> <span class="byline font-nanum">박채아 에디터</span> </div> </li> <li> <a href="/news/articleView.html?idxno=229347" target="_top" class="thumb"> <img src="https://cdn.huffingtonpost.kr/news/photo/202409/229347_384144_32.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles line-4"><a href="/news/articleView.html?idxno=229347" target="_top">다니엘 헤니의 반려견 로스코가 남양주에 태어나 미국에 살게 된 이유: 듣고 나니 착잡한 마음에 한숨 푹 쉬게 된다</a></h4> <p class="sub-titles line-4"><a href="/news/articleView.html?idxno=229347" target="_top">사랑스러운 반려견 로스코.</a></p> <span class="byline font-nanum">박채아 에디터</span> </div> </li> <li> <a href="/news/articleView.html?idxno=228790" target="_top" class="thumb"> <img src="https://cdn.huffingtonpost.kr/news/photo/202409/228790_382410_2213.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles line-4"><a href="/news/articleView.html?idxno=228790" target="_top">집으로 데려가려고 몇번이고 시도했지만 반려견이 8년 째 병원을 떠나지 않는 이유: 촉촉한 두 눈망울에 마음이 뭉클해진다</a></h4> <p class="sub-titles line-4"><a href="/news/articleView.html?idxno=228790" target="_top">개가 사람보다 낫다는 말이 절로 나온다</a></p> <span class="byline font-nanum">한겨레 이유진 기자</span> </div> </li> <li> <a href="/news/articleView.html?idxno=228779" target="_top" class="thumb"> <img src="https://cdn.huffingtonpost.kr/news/photo/202409/228779_382399_4420.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles line-4"><a href="/news/articleView.html?idxno=228779" target="_top">반려견 살해한 20만 유튜버: 그의 범죄는 여기서 끝이 아니고 피해자는 당시 고작 13살 여자 아동이었다</a></h4> <p class="sub-titles line-4"><a href="/news/articleView.html?idxno=228779" target="_top">죗값 제대로 치루길 바람</a></p> <span class="byline font-nanum">박채아 에디터</span> </div> </li> <li> <a href="/news/articleView.html?idxno=227669" target="_top" class="thumb"> <img src="https://cdn.huffingtonpost.kr/news/photo/202408/227669_379150_1023.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles line-4"><a href="/news/articleView.html?idxno=227669" target="_top">&quot;아픈 애..&quot; 보호자가 6억 먹튀한 택배견 경태의 근황: 수술 소식과 함께 전해진 태희 소식에 마음이 너무 복잡하다</a></h4> <p class="sub-titles line-4"><a href="/news/articleView.html?idxno=227669" target="_top">경태야 꼭 건강하자.</a></p> <span class="byline font-nanum">박채아</span> </div> </li> <li> <a href="/news/articleView.html?idxno=226857" target="_top" class="thumb"> <img src="https://cdn.huffingtonpost.kr/news/photo/202408/226857_376863_4034.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles line-4"><a href="/news/articleView.html?idxno=226857" target="_top">반려견 유치원에 보낸 우리 아이가 이빨이 빠져서 온 이유: 말도 못하는 작은 푸들이 얼마나 아프고 무서웠을까 눈물난다</a></h4> <p class="sub-titles line-4"><a href="/news/articleView.html?idxno=226857" target="_top">인간이 미안해...</a></p> <span class="byline font-nanum">박채아</span> </div> </li> <li> <a href="/news/articleView.html?idxno=224361" target="_top" class="thumb"> <img src="https://cdn.huffingtonpost.kr/news/photo/202407/224361_368667_4850.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles line-4"><a href="/news/articleView.html?idxno=224361" target="_top">“건강하고 행복하길!” 첫돌 맞은 ‘푸바오 쌍둥이 동생’ 루이바오·후이바오 : 예상 뒤엎은 돌잡이 물건에 ‘풉’ 웃음이 터져나왔다</a></h4> <p class="sub-titles line-4"><a href="/news/articleView.html?idxno=224361" target="_top">인기를 뜻하는 &apos;마이크&apos;를 잡은 후이바오.</a></p> <span class="byline font-nanum">한겨레 김명진 기자</span> </div> </li> <li> <a href="/news/articleView.html?idxno=220255" target="_top" class="thumb"> <img src="https://cdn.huffingtonpost.kr/news/photo/202405/220255_353881_4321.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles line-4"><a href="/news/articleView.html?idxno=220255" target="_top">여수 해안서 무더기로 발견된 ‘웃는 고래’ 상괭이의 사체 : 올해만 벌써 38구째라 이게 대체 무슨 일인가 싶다</a></h4> <p class="sub-titles line-4"><a href="/news/articleView.html?idxno=220255" target="_top">2016년부터 해양보호생물로 지정된 상괭이.</a></p> <span class="byline font-nanum">한겨레 정대하 기자</span> </div> </li> <li> <a href="/news/articleView.html?idxno=219706" target="_top" class="thumb"> <img src="https://cdn.huffingtonpost.kr/news/photo/202405/219706_351895_3312.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles line-4"><a href="/news/articleView.html?idxno=219706" target="_top">실종 41일 만에 무사히 집 찾아온 1살 진돗개 ‘손홍민’ : 무려 20km 거리였고, 생각할수록 똘똘해 박수가 절로 나온다</a></h4> <p class="sub-titles line-4"><a href="/news/articleView.html?idxno=219706" target="_top">어려서부터 유난히 점잖고 똑똑했다는 흥민이!</a></p> <span class="byline font-nanum">한겨레 정봉비 기자</span> </div> </li> <li> <a href="/news/articleView.html?idxno=218816" target="_top" class="thumb"> <img src="https://cdn.huffingtonpost.kr/news/photo/202404/218816_348733_4936.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles line-4"><a href="/news/articleView.html?idxno=218816" target="_top">“죽기 직전까지 약 먹이며…” 아픈데 강제로 쇼 투입됐다가 4일 만에 죽은 돌고래, 비판의 목소리가 높은 건 당연했다</a></h4> <p class="sub-titles line-4"><a href="/news/articleView.html?idxno=218816" target="_top">아픈 돌고래들을 계속 쇼에 내보낸 거제씨월드.</a></p> <span class="byline font-nanum">한겨레 김지숙 기자</span> </div> </li> <li> <a href="/news/articleView.html?idxno=218417" target="_top" class="thumb"> <img src="https://cdn.huffingtonpost.kr/news/photo/202404/218417_347453_1932.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles line-4"><a href="/news/articleView.html?idxno=218417" target="_top">“짧게는 1~2개월, 길게는…” 행복과 추억 선물하고 떠난 아기 판다 푸바오, 격리 후 언제 다시 만날 수 있을까?</a></h4> <p class="sub-titles line-4"><a href="/news/articleView.html?idxno=218417" target="_top">벌써 보고 싶다, 푸바오야.</a></p> <span class="byline font-nanum">한겨레 조윤영 기자</span> </div> </li> <li> <a href="/news/articleView.html?idxno=217955" target="_top" class="thumb"> <img src="https://cdn.huffingtonpost.kr/news/photo/202403/217955_346307_265.png" alt="" /> </a> <div class="view-cont"> <h4 class="titles line-4"><a href="/news/articleView.html?idxno=217955" target="_top">&quot;삽으로...&quot; 중국 판다 기지에서 &apos;학대 사건&apos;이 발생했고, 안 그래도 푸바오 보내야 해서 울적한데 마음이 배로 심란해진다</a></h4> <p class="sub-titles line-4"><a href="/news/articleView.html?idxno=217955" target="_top">곧 중국으로 돌아갈 푸바오는 이곳이 아닌 다른 판다기지로 갈 예정이다.</a></p> <span class="byline font-nanum">황남경 에디터</span> </div> </li> <li> <a href="/news/articleView.html?idxno=217893" target="_top" class="thumb"> <img src="https://cdn.huffingtonpost.kr/news/photo/202403/217893_346136_1952.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles line-4"><a href="/news/articleView.html?idxno=217893" target="_top">구낙현 대표가 2년 반 만에 유기견 18마리 모두 새가족 찾아준 비결은 듣고 나니 지친 직장인 내 머리에도 전구가 켜진다</a></h4> <p class="sub-titles line-4"><a href="/news/articleView.html?idxno=217893" target="_top">귤엔터 연습생들, 안방 &apos;데뷔&apos; 축하합니다!</a></p> <span class="byline font-nanum">한겨레 김지숙 기자</span> </div> </li> <li> <a href="/news/articleView.html?idxno=217500" target="_top" class="thumb"> <img src="https://cdn.huffingtonpost.kr/news/photo/202403/217500_344980_5550.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles line-4"><a href="/news/articleView.html?idxno=217500" target="_top">“존재 자체로 행복이었어!” 생중계로 5만명 푸덕이들과 함께한 푸바오의 마지막 퇴근길, 울고 웃으며 모두의 마음은 하나였다</a></h4> <p class="sub-titles line-4"><a href="/news/articleView.html?idxno=217500" target="_top">&quot;행복 가득한 판생을 응원해!&quot;</a></p> <span class="byline font-nanum">서은혜 에디터</span> </div> </li> <li> <a href="/news/articleView.html?idxno=217313" target="_top" class="thumb"> <img src="https://cdn.huffingtonpost.kr/news/photo/202402/217313_344502_3110.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles line-4"><a href="/news/articleView.html?idxno=217313" target="_top">‘갈비뼈 사자’ 바람이의 딸은 아빠와 만날 수 있을까? 지금은 운영 중단 부경동물원에 있지만 진짜 반가운 가능성이 커졌다</a></h4> <p class="sub-titles line-4"><a href="/news/articleView.html?idxno=217313" target="_top">청주동물원으로 이송될 가능성이 커졌다!</a></p> <span class="byline font-nanum">한겨레 글·사진 김지숙 기자</span> </div> </li> <li> <a href="/news/articleView.html?idxno=217295" target="_top" class="thumb"> <img src="https://cdn.huffingtonpost.kr/news/photo/202402/217295_344436_4939.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles line-4"><a href="/news/articleView.html?idxno=217295" target="_top">&apos;푸바오 쌍둥이 동생&apos; 루이·후이바오는 진짜 ‘자매’일까? 판별 쉽지 않은 판다 성별에 대해 에버랜드 측의 말은 입술 오므리게 된다</a></h4> <p class="sub-titles line-4"><a href="/news/articleView.html?idxno=217295" target="_top">동물도 인간처럼 일란성 쌍둥이와 이란성 쌍둥이를 알 수 있을까?</a></p> <span class="byline font-nanum">한겨레 김지숙 기자</span> </div> </li> <li> <a href="/news/articleView.html?idxno=216930" target="_top" class="thumb"> <img src="https://cdn.huffingtonpost.kr/news/photo/202402/216930_343452_717.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles line-4"><a href="/news/articleView.html?idxno=216930" target="_top">‘갈비사자’ 바람이 떠난 동물원서 잇따라 죽어간 백호·흑표범 : ‘사유재산’이라 조처 어렵다는 당국에 한숨만 나오는 상황이다</a></h4> <p class="sub-titles line-4"><a href="/news/articleView.html?idxno=216930" target="_top">‘위기의 동물원’에 있는 동물 270여 마리.</a></p> <span class="byline font-nanum">한겨레 김지숙 기자</span> </div> </li> </ul> </section> <!--// 웹진형 --> <!-- //샘플 지우면 안됨!!! ajax로 append시키기 위한 샘플 입니다. 만약 요소와 속성이 변경이 된다면 paginate.js 의 call 부분도 수정 해야 합니다. --> <li id="sample" class="blind"> <a href="" class="thumb linked"> <img src="" alt="" class="replace-thumb" /> </a> <div class="view-cont"> <h4 class="titles"><a href="" class="linked replace-titles"></a></h4> <!-- <p class="lead line-6x2"> <a href="" class="linked replace-read"> </a> </p> --> <span class="byline font-nanum"><small class="thin">editor</small> <span class="replace-name"></span></span> </div> </li> <!-- // 샘플 --> <nav aria-label="Pagination"><ul class="pagination"><li class="pagination-start"><a href="/news/articleList.html?page=1&total=3278&box_idxno=&sc_sub_section_code=S2N10&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><a href="/news/articleList.html?page=2&total=3278&box_idxno=&sc_sub_section_code=S2N10&view_type=sm">2</a></li><li><a href="/news/articleList.html?page=3&total=3278&box_idxno=&sc_sub_section_code=S2N10&view_type=sm">3</a></li><li><a href="/news/articleList.html?page=4&total=3278&box_idxno=&sc_sub_section_code=S2N10&view_type=sm">4</a></li><li><a href="/news/articleList.html?page=5&total=3278&box_idxno=&sc_sub_section_code=S2N10&view_type=sm">5</a></li><li><a href="/news/articleList.html?page=6&total=3278&box_idxno=&sc_sub_section_code=S2N10&view_type=sm">6</a></li><li><a href="/news/articleList.html?page=7&total=3278&box_idxno=&sc_sub_section_code=S2N10&view_type=sm">7</a></li><li><a href="/news/articleList.html?page=8&total=3278&box_idxno=&sc_sub_section_code=S2N10&view_type=sm">8</a></li><li><a href="/news/articleList.html?page=9&total=3278&box_idxno=&sc_sub_section_code=S2N10&view_type=sm">9</a></li><li><a href="/news/articleList.html?page=10&total=3278&box_idxno=&sc_sub_section_code=S2N10&view_type=sm">10</a></li><li class="pagination-onenext"><a href="/news/articleList.html?page=2&total=3278&box_idxno=&sc_sub_section_code=S2N10&view_type=sm" title="다음"><span class="show-static-small-only">다음</span><i class="icon-angle-right-min"><span class="show-for-sr">다음</span></i></a></li><li class="pagination-next"><a href="/news/articleList.html?page=11&total=3278&box_idxno=&sc_sub_section_code=S2N10&view_type=sm" title="다음"><i class="icon-angle-right-min"><span class="show-for-sr">다음</span></i></a></li><li class="pagination-end"><a href="/news/articleList.html?page=164&total=3278&box_idxno=&sc_sub_section_code=S2N10&view_type=sm" title="끝"><i class="icon-angle-double-right"><span class="show-for-sr">끝</span></i></a></li></ul></nav></div> <!--// 기사리스트 예시 --> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> </div> </section> <!--// container --> </div> <style type="text/css"> #user-footer.type-17 {padding:1.875rem 1.875rem 3.25rem;background-color:#000} #user-footer.type-17 > .inner {display:block;position:relative;text-align:left} #user-footer.type-17 .flex {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:center;margin-bottom:1.875rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)} #user-footer.type-17 .flex > .flex-cell {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;min-width:0} #user-footer.type-17 .flex > .flex-cell.logo {-ms-flex:0 0 180px;flex:0 0 180px;max-width:180px;padding-right:30px} /* menu */ #user-footer.type-17 .footer-menu {display:block;margin-bottom:0;font-size:0;white-space:nowrap;text-align:left} #user-footer.type-17 .footer-menu > .item {display:inline-block;font-size:.813rem;line-height:1.125;color:rgba(255,255,255,.8);vertical-align:middle} #user-footer.type-17 .footer-menu > .item:not(:last-child) {margin-right:1.125rem} /* address */ #user-footer.type-17 .user-address ul li {font-size:.75rem;font-weight:300;color:rgba(255,255,255,.4)} #user-footer.type-17 .user-address ul li.bars::before {color:rgba(255,255,255,.15)} #user-footer.type-17 .user-address ul li > a {color:inherit;text-decoration:none} #user-footer.type-17 .user-address .copied {letter-spacing:0;color:rgba(255,255,255,.6)} </style> <!-- footer //--> <footer id="user-footer" class="type-17 font-nanum" style="min-width:1040px"> <div class="inner float-center width-980"> <h2 class="show-for-sr">하단영역</h2> <div class="flex"> <div class="flex-cell logo"><img src="https://cdn.huffingtonpost.kr/image/logo/whitelogo.png" alt="허프포스트코리아"></div> <div class="flex-cell"> <!-- nav //--> <nav class="footer-menu"> <h3 class="show-for-sr">하단메뉴</h3> <a href="/com/com-1.html" class="item">회사소개</a> <a href="https://www.huffingtonpost.kr/com/com-4.html" class="item">수시채용</a> <a href="https://www.huffingtonpost.kr/com/jb.html" class="item">독자제보</a> <a href="/com/down/HUFFPOSTKOREA_광고소개서_2023.pdf" class="item" target="_blank">광고상품</a> <!--<a href="/com/down/HUFFPOSTKOREA_광고소개서_2023(최종).pptx" class="item" target="_blank">광고상품</a>--> <!--<a href="http://img.hani.co.kr/adimg/huffpostkoreaaboutus/HuffPost_Proposal%20to%20ALL_MediaPartnership.pdf" class="item">광고상품</a>--> <!-- <a href="https://drive.google.com/file/d/16FquaCwVdoG23zrr67oGs2FOcipN2B62/view?usp=sharing" class="item" target="_blank">광고상품</a> --> <!-- <a href="/com/ad.html" class="item">협찬문의</a> --> <a href="/com/com-2.html" class="item">오시는 길</a> <!-- <a href="/com/fq.html" class="item">F&Q</a> --> <!-- <a href="/com/service-2.html" class="item">서비스 약관</a> --> <!-- <a href="/com/privacy-2.html" class="item">개인정보처리방침</a> --> <!-- <a href="/com/comment.html" class="item">댓글 작성 및 조정 정책</a> --> <a href="/com/service-2.html" class="item">약관 및 정책</a> </nav> <!--// nav --> </div> </div> <address class="user-address"> <h3 class="show-for-sr">매체정보</h3> <ul class="no-bullet"> <li class="bars">서울특별시 마포구 백범로 71, 숨도빌딩 9층</li> <li class="bars">대표전화 : 02-6959-9810</li> <li class="bars">팩스 : 070-8299-5157</li> <li>청소년보호책임자 : 강나연</li> <li class="bars clear">법인명 : 허핑턴포스트코리아 주식회사 </li> <li class="bars">제호 : 허프포스트코리아</li> <li class="bars">등록번호 : 서울 아 03003</li> <li class="bars">등록일 : 2014-02-10</li> <!-- <li class="bars">발행일 : 2015-03-01</li> --> <li class="bars">발행·편집인 : 이상훈</li> <li>편집장 : 강나연</li> <li class="clear copied martop-20">C<a href="https://www.huffingtonpost.kr/admin/adminLoginForm.html" tabindex="-1">o</a>pyright © 2024 허프포스트코리아. <a href="https://www.huffingtonpost.kr/news/articleList.html?sc_sub_section_code=S2N10&view_type=sm" onclick="setCookie('view_pc', 'n', 1);" tabindex="-1">All</a> rights reserved. mail to <a href="mailto:ps@nativelab.co.kr / huffkorea@gmail.com">ps@nativelab.co.kr / huffkorea@gmail.com</a></li> </ul> </address> <a href="http://www.ndsoft.co.kr/" target="_blank" class="ndsoft"><img src="https://cdn.huffingtonpost.kr/image/ndsoft.svg" alt="ND소프트" /></a> </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:#0dbe98} .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:#0dbe98} .user-canvas .user-canvas-navs .menu li ul.menu.nested li a:hover {color:#0dbe98} </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=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=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=S2N3&view_type=sm" target="_top">유럽</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N1&view_type=sm" target="_top">뉴스&이슈</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N1&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> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N3&view_type=sm" target="_top">보이스</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N3&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> <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=S2N9&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=S2N11&view_type=sm" target="_top">환경</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N4&view_type=sm" target="_top">라이프</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N4&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=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> <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=S2N32&view_type=sm" target="_top">인티머시</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N5&view_type=sm" target="_top">엔터테인먼트</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N5&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=S2N18&view_type=sm" target="_top">TV</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=S2N20&view_type=sm" target="_top">OTT</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N21&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">K-POP</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N24&view_type=sm" target="_top">공연&미술</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=S1N12&view_type=sm" target="_top">헢-숏폼</a> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N7&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, a[href="#top"]').click(function(){ $('html, body').animate( {scrollTop:0}, 100); }); </script> <!--[PC] 타볼라 플러시 코드//--> <style>#AD165206097867.ad-template { margin:auto; position:relative; display:block; clear:both; z-index:1; } #AD165206097867.ad-template .col { text-align:center; } #AD165206097867.ad-template .col .ad-view { position:relative; }</style> <!-- AD Manager | AD165206097867 //--> <div id="AD165206097867" class="ad-template"> <div class="col"><div class="ad-view"><script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({flush: true}); </script></div></div> </div> <!--// AD Manager | AD165206097867 --> <!-- 구글 애드센스 S --> <script src="https://cdn.huffingtonpost.kr/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="https://cdn.huffingtonpost.kr/library/isND/"></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(); }) } }) /* ****************************************** */ /* 날개배너 스크립트 */ /* ****************************************** */ $('#wingBanner .wing-banner-left .wing-banner').each(function(){ if( $(this).data('scroll') == 'y' ) $(this).addClass('scroll-on'); }); $(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.scroll-on').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.scroll-on').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