CINXE.COM

알츠하이머의 근본적 치료를 위한 20년…‘알츠하이머 정복’ 출간 < 책 < LIFE & CULTURE < 기사본문 - 앳스타일

<!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=1200"> <meta name="apple-mobile-web-app-title" content="앳스타일" /> <!-- 메타태그정보 //--> <meta name="title" content="알츠하이머의 근본적 치료를 위한 20년…‘알츠하이머 정복’ 출간"/> <meta name="description" content="전 세계적으로 약 5천만 명의 환자가 고통 받고 있는 ‘알츠하이머’는 암처럼 아직 치료법이 없다. 알츠하이머는 1907년 독일의 의사 알로이스 알츠하이머에 의해 처음 보고되었으며, 치매를 일으키는 가장 흔한 퇴행성 질환으로 아밀로이드 베타의 축적을 원인으로 보고 있다.100개국 이상에서 승인된 알츠하이머 치료제 ‘아리셉트’는 근본적인 치료제는 아니기에 병의 진행을 완전히 막을 수는 없으나, 신경 전달 물질을 증가시키고 탈락해 나가는 신경 세포의 신호를 활성화시킴으로써 증상을 완화시킨다. 이 약은 최초의 알츠하이머 치료제였지만 대증요"/> <meta name="Classification" content="LIFE & CULTURE &gt; 책"/> <meta name="Copyright" content="앳스타일"/> <meta property="og:site_name" content="앳스타일"/> <meta property="og:image" content="https://cdn.atstar1.com/news/thumbnail/202408/6015792_76592_1814_v150.jpg" /> <meta property="og:type" content="article" /> <meta property="og:url" content="http://www.atstar1.com/news/articleView.html?idxno=6015792" /> <meta property="og:title" content="알츠하이머의 근본적 치료를 위한 20년…‘알츠하이머 정복’ 출간" /> <meta property="og:description" content="전 세계적으로 약 5천만 명의 환자가 고통 받고 있는 ‘알츠하이머’는 암처럼 아직 치료법이 없다. 알츠하이머는 1907년 독일의 의사 알로이스 알츠하이머에 의해 처음 보고되었으며, 치매를 일으키는 가장 흔한 퇴행성 질환으로 아밀로이드 베타의 축적을 원인으로 보고 있다.100개국 이상에서 승인된 알츠하이머 치료제 ‘아리셉트’는 근본적인 치료제는 아니기에 병의 진행을 완전히 막을 수는 없으나, 신경 전달 물질을 증가시키고 탈락해 나가는 신경 세포의 신호를 활성화시킴으로써 증상을 완화시킨다. 이 약은 최초의 알츠하이머 치료제였지만 대증요" /> <meta property="og:article:author" content="신유림 인턴기자"/> <meta name="twitter:card" content="summary"/> <meta name="twitter:title" content="알츠하이머의 근본적 치료를 위한 20년…‘알츠하이머 정복’ 출간"/> <meta name="twitter:description" content="전 세계적으로 약 5천만 명의 환자가 고통 받고 있는 ‘알츠하이머’는 암처럼 아직 치료법이 없다. 알츠하이머는 1907년 독일의 의사 알로이스 알츠하이머에 의해 처음 보고되었으며, 치매를 일으키는 가장 흔한 퇴행성 질환으로 아밀로이드 베타의 축적을 원인으로 보고 있다.100개국 이상에서 승인된 알츠하이머 치료제 ‘아리셉트’는 근본적인 치료제는 아니기에 병의 진행을 완전히 막을 수는 없으나, 신경 전달 물질을 증가시키고 탈락해 나가는 신경 세포의 신호를 활성화시킴으로써 증상을 완화시킨다. 이 약은 최초의 알츠하이머 치료제였지만 대증요"/> <meta name="twitter:image" content="https://cdn.atstar1.com/news/thumbnail/202408/6015792_76592_1814_v150.jpg"/> <meta name="twitter:site" content="http://www.atstar1.com/news/articleView.html?idxno=6015792"/> <meta name="twitter:creator" content="신유림 인턴기자"/> <meta property="dable:item_id" content="6015792"> <meta property="dable:author" content="신유림 인턴기자"> <meta property="article:section" content="LIFE &amp; CULTURE"> <meta property="article:section1" content="책"> <meta property="article:published_time" content="2024-08-12T11:24:28+09:00"> <!--// 메타태그정보 --> <link rel="shortcut icon" href="https://cdn.atstar1.com/image/logo/favicon.ico"> <title>알츠하이머의 근본적 치료를 위한 20년…‘알츠하이머 정복’ 출간 < 책 < LIFE & CULTURE < 기사본문 - 앳스타일</title> <link rel="canonical" id="canonical" href="http://www.atstar1.com/news/articleView.html?idxno=6015792" /> <link rel="amphtml" href="http://www.atstar1.com/news/articleViewAmp.html?idxno=6015792"> <!-- 구글AMP태그 --> <link rel="stylesheet" href="https://cdn.atstar1.com/css/jquery-ui.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/slick.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/jquery.timepicker.css" /> <link rel="stylesheet" href="https://cdn.atstar1.com/adManager/css/adManager.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/foundation.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/fontWgt/custom.foundation.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/webfonts.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/font.style.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/fontWgt/media.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/fontWgt/autobox.style.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/templates.style.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/fontWgt/plugin.style.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/fontWgt/style.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/design.style.css"><link rel="stylesheet" href="https://cdn.atstar1.com/menuskin/s_47/menubar.css"> <script src="https://cdn.atstar1.com/script/jquery.min.js"></script> <script src="https://cdn.atstar1.com/script/jquery-ui.min.js"></script> <script src="https://cdn.atstar1.com/script/slick.min.js"></script> <script src="https://cdn.atstar1.com/script/jquery.rwdImageMaps.min.js"></script> <script src="https://cdn.atstar1.com/script/what-input.js"></script> <script src="https://cdn.atstar1.com/script/foundation.min.js"></script> <script src="https://cdn.atstar1.com/menuskin/s_47/menubar.js"></script> <script src="https://cdn.atstar1.com/script/user.style.js"></script> <script src="https://cdn.atstar1.com/script/clipboard.min.js"></script> <script src="https://cdn.atstar1.com/script/jquery.timepicker.min.js"></script> <script src="https://cdn.atstar1.com/script/jquery.tabslet.min.js"></script> <script src="https://cdn.atstar1.com/script/common.js"></script> <!--[if lt IE 10]> <link rel="stylesheet" href="https://cdn.atstar1.com/css/style.ie9.css"> <script src="https://cdn.atstar1.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(); // 멀티 기능성 배너 이벤트 // 기사뷰 이미지관련 resizePhoto(); // 기사본문 부분 복사하기 저작권 표시 $('#article-view-content-div').on('copy', function(e){ var sel = window.getSelection(); var copyFooter = "<br/><br/>출처 : 앳스타일(http://www.atstar1.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.atstar1.com' ,___currentTime = 1733085874; // 즐겨찾기 스크립트 function bookmark() { window.external.AddFavorite("http://www.atstar1.com", "앳스타일") } </script> <style type="text/css"> /* 사이트 기본 색 */ .user-point,a.user-point, .poll-columns .poll-state.going {color:#000 !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:#000 !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:#000 !important} .user-border-top {border-top-color:#000 !important} .user-border-bottom {border-bottom-color:#000 !important} .user-border-left {border-left-color:#000 !important} .user-border-right {border-right-color:#000 !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: 1320px) { #sticky-header .aht-btn {display:none !important} } /* site size */ .width-1200 {width:1200px} .max-width-1200 {max-width:1200px} .min-width-1200 {min-width:1200px} </style> <meta name="naver-site-verification" content="a08bf011408083d15ffbce10b5f3f292e4df4413" /> <meta name="google-site-verification" content="-IP5VzHyt0wzi_mPAF0W3odWGR6nSp65j8QO8d9G6Yo" /> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-22729569-2']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> <script type="text/javascript"> if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = "16dbcddcef36"; wcs_do(); </script> <script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> <script type="text/javascript"> if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = "3ad29e75bf1ac8"; wcs_do(); </script> <!-- Google tag (gtag.js) 20230511 --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-X64MW7MK67"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-X64MW7MK67'); </script> <!-- 20230822 --> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3211516744310540" crossorigin="anonymous"></script> <!-- Google tag (gtag.js) 20230918 --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-NRJQRXJFRB"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-NRJQRXJFRB'); </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-1200"> <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, #nav-header {width:1200px} /* 1차 */ #user-nav .user-menu > .secline > a.a-hover {color:#000} #user-nav .user-menu .secline > a::before {border-left-color:#000} #user-nav .user-menu .secline > a::after {background-color:#000} /* 2차 - vertical */ #user-nav .user-menu .secline > ul {border-color:#000} /* 2차 - vertical & use autobox */ #header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline > ul {width:1200px;padding-right:calc(1200px - 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:#000} </style> <!-- 메뉴 시작 //--> <div id="header-wrapper" class="vertical full left " data-main-code="S1N4" data-sub-code="S2N15" data-serial-code="/news/articleView.html" data-multi-code=""> <!-- 최상단영역 //--> <div id="user-gnb"> <div class="mode-inner"> <!-- 최종편집 //--> <div class="updated">편집 : 2024-11-30 12:50 (토) </div> <!--// 최종편집 --> </div> </div> <!--// 최상단영역 --> <!-- 로고영역 //--> <header id="nav-header"> <div class="user-banner text-left"> </div> <h1 class="user-logo text-center"> <a href="http://www.atstar1.com" target="_top"><img src="https://cdn.atstar1.com/image/logo/toplogo_20240729053134.png" alt="앳스타일"></a> </h1> <div class="user-banner text-right"> </div> </header> <!--// 로고영역 --> <!-- 메뉴바 //--> <nav id="user-nav"> <div class="mode-inner"> <article class="nav-cell text-left"> <div class="user-sns"> <a href="https://www.facebook.com/atstar1/" target="_blank" class="fb"><i class="icon-facebook"><span class="show-for-sr">facebook</span></i></a> <a href="https://www.instagram.com/atstar1magazine/" target="_blank" class="in"><i class="icon-instagram"><span class="show-for-sr">insta</span></i></a> <a href="https://www.youtube.com/playlist?list=PLjLF-cauu4lACQ_mY2tvHWTeVFfXjhZlx" target="_blank" class="yt"><i class="icon-youtube-play"><span class="show-for-sr">youtube</span></i></a> <a href="https://post.naver.com/atstar1?isHome=1" target="_blank" class="ps"><i class="icon-post"><span class="show-for-sr">post</span></i></a> </div> </article> <article class="nav-cell text-center"> <!-- 섹션 //--> <ul id="user-menu" class="user-menu"> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N1&view_type=sm" target="_top" data-code="S1N1">STAR</a> <ul> <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> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N2&view_type=sm" target="_top" data-code="S1N2">FASHION & BEAUTY</a> <ul> <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=S2N4&view_type=sm" target="_top" data-code="S2N4">뷰티뉴스</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N5&view_type=sm" target="_top" data-code="S2N5">리얼품평</a> </li> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N3&view_type=sm" target="_top" data-code="S1N3">ENTERTAINMENT</a> <ul> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N6&view_type=sm" target="_top" data-code="S2N6">드라마</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N7&view_type=sm" target="_top" data-code="S2N7">영화</a> </li> <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=S2N9&view_type=sm" target="_top" data-code="S2N9">뮤직</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> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N4&view_type=sm" target="_top" data-code="S1N4">LIFE & CULTURE</a> <ul> <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=S2N12&view_type=sm" target="_top" data-code="S2N12">여행/레져</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N13&view_type=sm" target="_top" data-code="S2N13">여행/맛집</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N14&view_type=sm" target="_top" data-code="S2N14">건강정보</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N15&view_type=sm" target="_top" data-code="S2N15">책</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N16&view_type=sm" target="_top" data-code="S2N16">생활/문화</a> </li> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N5&view_type=sm" target="_top" data-code="S1N5">MEDIA</a> <ul> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N17&view_type=sm" target="_top" data-code="S2N17">VIDEO</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N18&view_type=sm" target="_top" data-code="S2N18">PHOTO</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N19&view_type=sm" target="_top" data-code="S2N19">BEHIND CUT</a> </li> </ul> </li> <li class="secline"> <a href="/bbs/list.html?table=bbs_1" target="_top" data-code="bbs_1">COMMUNITY</a> <ul> <li class="sub"> <a href="/bbs/list.html?table=bbs_1" target="_top" data-code="bbs_1">공지사항</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N20&view_type=sm" target="_top" data-code="S2N20">편집인레터</a> </li> <li class="sub"> <a href="/bbs/list.html?table=bbs_2" target="_top" data-code="bbs_2">이벤트</a> </li> </ul> </li> </ul> <!--// 섹션 --> </article> <article class="nav-cell text-right"> <!-- 전체 --> <button type="button" class="user-allbtn" title="전체메뉴" data-toggle="offCanvas"><i class="icon"><span class="show-for-sr">전체메뉴 버튼</span></i></button> <!-- 로그인 //--> <div id="userLogin" class="user-logbox"> <button type="button" class="logbox-btn"><i class="icon-profile-o"><span class="show-for-sr">회원정보</span></i></button> <ul class="user-loglist"> <li><a href="http://www.atstar1.com/member/login.html" target="_top">로그인</a></li> <li><a href="http://www.atstar1.com/member/index.html" target="_top">회원가입</a></li> </ul> </div> <!--// 로그인 --> <!-- 검색 //--> <div id="userSearch" class="user-search"> <button type="button" class="sch-btns"><i class="icon-search-thin"><span class="show-for-sr">검색하기</span></i></button> <fieldset class="user-search-form"> <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"><span class="show-for-sr">검색</span></i></button> </form> </fieldset> </div> <!--// 검색 --> </article> </div> </nav> <!--// 메뉴바 --> </div> <!--// 메뉴 끝 --> <script type="text/javascript"> <!-- //메뉴 스타일 불러옴 : 메뉴 /script/menubar.js 와 같이 사용되어야 함 //submenuStyle : 서브메뉴 펼침 스타일 (horizon : 가로로, vertical : 세로 슬라이딩) var menuIndexHold = true, menuOverHold = true, submenuStyle = "vertical", sizeMode = "full", subShow = "hold", submenuPosi = "left", effectSwitch = "on", subSlideSpeed = 150, subFadeSpeed = 150; $(document).ready(function(){ // member var memBox = $('.user-logbox') , memBtns = memBox.find('.logbox-btn') , memForm = memBox.find('.user-loglist'); memBtns.on({ mouseenter: function(){ memForm.show(); } }); memBox.on({ mouseleave: function(){ memForm.hide(); } }); // search var schBox = $('.user-search') , schBtns = schBox.find('.sch-btns') , schForm = schBox.find('.user-search-form'); schBtns.on({ click: function(){ schForm.toggle().find('input#search').focus(); schBox.toggleClass('active'); } }); }); //--> </script> </header> <!--// header --> <!-- container //--> <section id="user-container" class="posi-re text-left float-center width-1200"> <h2 class="show-for-sr">본문영역</h2> <div id="layer-popups" class="float-center width-1200"></div> <div class="posi-re float-center width-1200"><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-1200" id="wingBanner"> <div class="wing-banner-left"> </div> <div class="wing-banner-right"> </div> </div> <!--// 날개배너 --> <script src="//developers.kakao.com/sdk/js/kakao.min.js"></script> <script src="https://cdn.atstar1.com/script/share.sns.js"></script> <script> var site_ismobile = ''; // 현재 모바일접속 여부 var kakaojavascriptkey = ''; // 카카오앱 자바스크립트키 var articleIdxno = '6015792'; $(document).ready(function(e) { if(kakaojavascriptkey) kakaoinit(kakaojavascriptkey); var sns_clipboard = new Clipboard('.sns_clipboard'); sns_clipboard.on('success', function(e) { alert("클립보드에 복사되었습니다. \nCtrl+v해서 원하는 곳에 붙여넣으세요."); }); $('button.sns-share-btns').on('click', function(e) { var sns = $(this).data('sharesns'); var title = $(this).data('title'); var desc = $(this).data('desc'); var url = $(this).data('url'); var img = $(this).data('image'); if(sns == "link") return true; // SNS 공유 통계 집계 (공유하기에 영향을 주지않도록 체크하지는 않음) snsShareStats(articleIdxno, sns); if(sns == "kakao") { sendKakaoTalk(url, title, desc, img); }else if(sns == "kakaostory") { shareStory(url, title, desc, img); }else if(sns == "band") { shareBand(url, title); }else if(sns == "telegram") { shareTelegram(url, title); }else{ shareOtherSNS(sns, title, url, img); } }); }); </script> <style type="text/css"> /* edit skin css START */ /* user wrap reset */ #user-container {width:auto !important} /* grid */ #user-wrap.mobile #article-view {margin-left:-1.25rem;margin-right:-1.25rem} #article-view .article-view-content {display:table;width:100%;table-layout:fixed} #article-view .article-view-content > .grid {display:table-cell;width:100%;vertical-align:top} #article-view .article-view-content > .grid.body {padding-right:3.75rem} #article-view .article-view-content > .grid.side {width:360px;background-color:#f9f9f9} #article-view .article-view-content > .grid.side .sticky {padding:1.875rem} #article-view .article-view-content > .grid.side .edit-level1, #article-view .article-view-content > .grid.side .edit-level1 .edit-contents {background:initial} #article-view .grid.side .sticky {width:100%} #article-view .article-veiw-body {margin-bottom:5rem} @media screen and (max-width: 63.9375em) { .row #article-view .article-view-content, .row #article-view .article-view-content > .grid {display:block;width:auto} .row #article-view .article-view-content {table-layout:inherit} .row #article-view .article-view-content > .grid {vertical-align:inherit} .row #article-view .article-view-content > .grid.body {padding-right:0} .row #article-view .article-view-content > .grid.side {padding-left:0} #user-wrap .row #article-view .article-view-content > .grid.side {margin-left:-1.25rem;margin-right:-1.25rem} .row #article-view .respons-edit > [class*="float-"] {float:none !important;width:auto !important;padding:0 !important} .row #article-view .respons-edit > .float-right {display:none !important} .row #article-view .grid.side .sticky-container {height:auto !important} .row #article-view .grid.side .sticky {position:static !important;top:auto !important;bottom:auto !important;max-width:none !important;margin:0 !important} } /* sticky header */ #article-view #aht-set {display:block;height:68px} #article-view #aht-set .sticky {z-index:80;width:100%;background:none} #article-view #aht-set .sticky > .float-center {background-color:#fff} #article-view #aht-set.on .sticky > .float-center {border-bottom:1px solid #e7e7e7} #article-view #aht-set .sticky::after {content:'';display:table;clear:both} #article-view #aht-set .aht-logo {display:none;float:left;max-width:95px;margin:0 1.875rem 0 0;font-size:0;line-height:68px} #article-view #aht-set.on .aht-logo {display:block} #article-view #aht-set .aht-logo > a {display:block} #article-view #aht-set .aht-heading {display:none;overflow:hidden;float:left;width:70%;max-width:520px;margin-bottom:0;font-size:1.125rem;line-height:68px;text-overflow:ellipsis;white-space:nowrap} #article-view #aht-set.on .aht-heading {display:block} #article-view #aht-set .aht-toolkit {float:right;padding:0;margin:0;font-size:0;list-style:none;text-align:right} #article-view #aht-set .aht-toolkit > li {display:inline-block;vertical-align:middle} #article-view #aht-set .aht-toolkit > li:not(:first-child) {margin-left:1.25rem} #article-view #aht-set .aht-toolkit .tool {height:68px;font-size:1.5rem;cursor:pointer} @media screen and (max-width: 63.9375em) { .row #article-view #aht-set {height:60px} .row #article-view #aht-set .sticky {border-bottom-color:rgba(0,0,0,.08)} .row #article-view #aht-set .aht-logo {line-height:60px} .row #article-view #aht-set .aht-heading {display:none !important} .row #article-view #aht-set .aht-toolkit .tool {font-size:1.25rem} } @media screen and (max-width: 39.9375em) { .row #article-view #aht-set .aht-logo {margin-left:1.25rem;margin-right:1.25rem} .row #article-view #aht-set .aht-toolkit > .hide-mb {display:none !important} } /* view header */ #article-view .article-view-header {border-bottom:none;text-align:center} #article-view .article-view-header .sticky {z-index:1;width:100%;padding-top:7.5rem;background-color:#fff} #article-view .heading {margin:0 0 1.875rem;font-size:2.8125rem} #article-view .subheading {padding-left:1.125rem;font-size:1.375rem;font-weight:400;font-weight:var(--wgt400, 400);line-height:1.625;border-left-color:#000} #article-view .infomation {margin-bottom:1.25rem} #article-view .infomation > li {font-size:.875rem} #article-view .artview-tool {display:block;padding:0;margin:1.875rem 0 0;font-size:0;list-style:none} #article-view .artview-tool > li {display:inline-block;font-size:1.625rem;line-height:1;vertical-align:middle} #article-view .artview-tool > li:not(:first-child) {margin-left:1.375rem} #article-view .artview-tool > li a {color:inherit;text-decoration:none} #article-view .artview-tool > li small {font-size:1rem;font-weight:300;font-weight:var(--wgt300, 300);vertical-align:middle} #article-view .artview-tool .fontsize-group {display:block;font-size:0;text-align:left} #article-view .artview-tool .fontsize-group > .item {display:inline-block;font-size:1.625rem;line-height:1;vertical-align:middle} #article-view .artview-tool .fontsize-group > .item.letter {font-size:1.125rem} #article-view .artview-tool .fontsize-group > .item:not(:first-child) {margin-left:.375rem} #article-view .artview-tool .fontsize-group button {cursor:pointer} @media screen and (max-width: 63.9375em) { .row #article-view .article-view-header .sticky {padding-left:1.875rem;padding-right:1.875rem} .row #article-view .heading {font-size:2rem} } @media screen and (max-width: 39.9375em) { .row #article-view .article-view-header .sticky {padding-top:3.5rem} .row #article-view .infomation > li {display:block;line-height:1.625} .row #article-view .infomation > li::after {content:normal} .row #article-view .subheading {font-size:1.25rem} } /* view body */ #user-wrap #article-view .wrapper {position:relative;z-index:5;background-color:#fff} #user-wrap #article-view .wrapper > .float-center {padding-top:5rem;border-top:1px solid #c4c4c4} #article-view .article-copy {margin:1.875rem auto;padding:0;font-size:inherit;font-size:300;font-weight:var(--wgt300, 300);color:inherit;border-top:none;text-align:left} @media screen and (max-width: 63.9375em) { #user-wrap .row #article-view .wrapper {padding-left:1.25rem;padding-right:1.25rem;border-top-color:rgba(0,0,0,.05)} } /* relation */ #article-view .relation {margin-top:0} #article-view .relation .list li a {font-size:1.125rem;font-weight:500;font-weight:var(--wgt500, 500)} #article-view .relation .list li a::before {border-width:0 0 2px 2px} @media screen and (max-width: 39.9375em) { .row #article-view .relation .list li a {display:block;overflow:hidden;font-size:1.0625rem;white-space:nowrap;text-overflow:ellipsis} } /* tag */ #article-view .tag-group {margin-top:1rem;margin-bottom:1rem} #article-view .tag-group .tag {padding:0;margin-right:1.5625rem;font-size:1.125rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.375;background:none} @media screen and (max-width: 39.9375em) { .row #article-view .tag-group .tag {font-size:1rem} } /* writer */ #article-view .writer {margin-bottom:3.125rem;border-top-color:#000} /* footer */ #article-view .view-footer-group {display:block;padding:3.125rem 0;background-color:#fff;border-top:1px solid #000} #article-view .view-footer-group > .inner {display:table;width:100%;table-layout:fixed} #article-view .view-footer-group > .inner > .item {display:table-cell;width:100%;vertical-align:top} #article-view .view-footer-group > .inner > :first-child:nth-last-child(2) {padding-right:3.75rem} #article-view .view-footer-group > .inner > :last-child:nth-child(2) {width:360px;padding:0 1.875rem} /* box skin */ #article-view .box-skin.idx--box .header > strong, #article-view .box-skin.idx--box .header > a, #article-view .box-skin.idx--box .header .skin-column > strong, #article-view .box-skin.idx--box .header .skin-column > a {font-size:1.375rem} #article-view .box-skin.idx--large .header > strong, #article-view .box-skin.idx--large .header > a, #article-view .box-skin.idx--large .header .skin-column > strong, #article-view .box-skin.idx--large .header .skin-column > a {font-size:1.875rem} #article-view .box-skin.idx--small .header > strong, #article-view .box-skin.idx--small .header > a, #article-view .box-skin.idx--small .header .skin-column > strong, #article-view .box-skin.idx--small .header .skin-column > a {font-size:1.125rem} /* edit skin css END */ </style> <div id="article-view"> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> <div id="aht-set" data-sticky-container> <div class="sticky" data-sticky data-options="marginTop:0;" data-top-anchor="article-view:top" data-btm-anchor="user-container:bottom" data-check-every="0" data-sticky-on="small"> <div class="float-center clearfix" style="max-width:1200px"> <h2 class="aht-logo"> <a href="http://www.atstar1.com"> <img src="https://cdn.atstar1.com/image/logo/toplogo_20240729053134.png" alt="앳스타일" /> </a> </h2> <h3 class="aht-heading">알츠하이머의 근본적 치료를 위한 20년…‘알츠하이머 정복’ 출간</h3> <ul class="aht-toolkit"> <li class="hide-mb"><button type="button" class="tool" onclick="articlePrint('6015792')" title="인쇄"><i class="icon-print"><span class="show-for-sr">바로가기</span></i></button></li> <li><button type="button" class="tool" title="다른 공유" data-open="article-sns"><i class="icon-share-alt-o"><span class="show-for-sr">다른 공유 찾기</span></i></button></li> <li><button type="button" class="tool scrap-btn" data-idxno="6015792" title="기사스크랩"><i class="icon-bookmark-o"><span class="show-for-sr">기사저장</span></i></button></li> <li class="hide-mb"><button type="button" class="tool sns_clipboard" data-clipboard-text="http://www.atstar1.com/news/articleView.html?idxno=6015792" title="URL주소"><i class="icon-link"><span class="show-for-sr">복사하기</span></i></button></li> </ul> </div> </div> </div> <script> $(document).ready(function(e) { $('.scrap-btn').on('click', function(e) { var idxno = $(this).data('idxno'); if(confirm("기사를 스크랩 하시겠습니까?")){ $.ajax({ type: 'post', dataType: 'json', url: '/news/articleScrap.ajax.php', data: {'tp':'A', 'idxno':idxno}, success: function(data) { alert(data[1]); }, error: function(error, request) { alert('error!!!'); console.log("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error); } }); } }); // 로고보이기 var $selSideGrid = $('#viewResizing'); $(document).scroll(function() { if($selSideGrid.hasClass('is-stuck') || $selSideGrid.hasClass('is-at-bottom')) $('#aht-set').addClass('on'); else $('#aht-set').removeClass('on'); }); }); </script> <!-- 기사본문 상단 //--> <header class="article-view-header" data-sticky-container> <div id="viewResizing" class="sticky" data-sticky data-options="marginTop:0;" data-top-anchor="aht-set:bottom" data-btm-anchor="articleViewCon:bottom" data-check-every="0" data-sticky-on="small"> <div class="inner float-center" style="max-width:1200px"> <h3 class="heading">알츠하이머의 근본적 치료를 위한 20년…‘알츠하이머 정복’ 출간</h3> <!-- infomation // --> <ul class="infomation"> <li> <i class="icon-user-o"><span class="show-for-sr">기자명</span></i> 신유림 인턴기자 </li> <li><i class="icon-clock-o"></i> 입력 2024.08.12 11:24</li> </ul> <ul class="artview-tool"> <li><i class="icon-comment-o"></i> <small>0</small></li> <li> <div class="fontsize-group"> <button type="button" class="item fontsise-btn" value="down" title="본문글씨 줄이기"><i class="icon-minus-circle-o"><span class="show-for-sr">본문 글씨 줄이기</span></i></button> <span class="item letter"><i class="icon-fontsize"><span class="show-for-sr">본문 글씨 키우기</span></i></span> <button type="button" class="item fontsise-btn" value="up" title="본문글씨 키우기"><i class="icon-plus-circle-o"><span class="show-for-sr">본문 글씨 키우기</span></i></button> </div> </li> </ul> </div> </div> </header> <!--// 기사본문 상단 --> <div class="reveal" id="article-sns" data-reveal data-v-offset="50"> <div class="reveal-header"> <div class="reveal-title">이 기사를 공유합니다</div> </div> <section class="reveal-container"> <div class="social-group for-other"> <button type="button" class="sns sns-share-btns facebook " data-sharesns="facebook" data-title="%EC%95%8C%EC%B8%A0%ED%95%98%EC%9D%B4%EB%A8%B8%EC%9D%98%20%EA%B7%BC%EB%B3%B8%EC%A0%81%20%EC%B9%98%EB%A3%8C%EB%A5%BC%20%EC%9C%84%ED%95%9C%2020%EB%85%84%E2%80%A6%E2%80%98%EC%95%8C%EC%B8%A0%ED%95%98%EC%9D%B4%EB%A8%B8%20%EC%A0%95%EB%B3%B5%E2%80%99%20%EC%B6%9C%EA%B0%84" data-url="http%3A%2F%2Fwww.atstar1.com%2Fnews%2FarticleView.html%3Fidxno%3D6015792" data-desc="%EC%A0%84%20%EC%84%B8%EA%B3%84%EC%A0%81%EC%9C%BC%EB%A1%9C%20%EC%95%BD%205%EC%B2%9C%EB%A7%8C%20%EB%AA%85%EC%9D%98%20%ED%99%98%EC%9E%90%EA%B0%80%20%EA%B3%A0%ED%86%B5%20%EB%B0%9B%EA%B3%A0%20%EC%9E%88%EB%8A%94%20%E2%80%98%EC%95%8C%EC%B8%A0%ED%95%98%EC%9D%B4%EB%A8%B8%E2%80%99%EB%8A%94%20%EC%95%94%EC%B2%98%EB%9F%BC%20%EC%95%84%EC%A7%81%20%EC%B9%98%EB%A3%8C%EB%B2%95%EC%9D%B4%20%EC%97%86%EB%8B%A4.%20%EC%95%8C%EC%B8%A0%ED%95%98%EC%9D%B4%EB%A8%B8%EB%8A%94%201907%EB%85%84%20%EB%8F%85%EC%9D%BC%EC%9D%98%20%EC%9D%98%EC%82%AC%20%EC%95%8C%EB%A1%9C%EC%9D%B4%EC%8A%A4%20%EC%95%8C%EC%B8%A0%ED%95%98%EC%9D%B4%EB%A8%B8%EC%97%90%20%EC%9D%98%ED%95%B4%20%EC%B2%98%EC%9D%8C%20%EB%B3%B4%EA%B3%A0%EB%90%98%EC%97%88%EC%9C%BC%EB%A9%B0%2C%20%EC%B9%98%EB%A7%A4%EB%A5%BC%20%EC%9D%BC%EC%9C%BC%ED%82%A4%EB%8A%94%20%EA%B0%80%EC%9E%A5%20%ED%9D%94%ED%95%9C%20%ED%87%B4%ED%96%89%EC%84%B1%20%EC%A7%88%ED%99%98%EC%9C%BC%EB%A1%9C%20%EC%95%84%EB%B0%80%EB%A1%9C%EC%9D%B4%EB%93%9C%20%EB%B2%A0%ED%83%80%EC%9D%98%20%EC%B6%95%EC%A0%81%EC%9D%84%20%EC%9B%90%EC%9D%B8%EC%9C%BC%EB%A1%9C%20%EB%B3%B4%EA%B3%A0%20%EC%9E%88%EB%8B%A4.100%EA%B0%9C%EA%B5%AD%20%EC%9D%B4%EC%83%81%EC%97%90%EC%84%9C%20%EC%8A%B9%EC%9D%B8%EB%90%9C%20%EC%95%8C%EC%B8%A0%ED%95%98%EC%9D%B4%EB%A8%B8%20%EC%B9%98%EB%A3%8C%EC%A0%9C%20%E2%80%98%EC%95%84%EB%A6%AC%EC%85%89%ED%8A%B8%E2%80%99%EB%8A%94%20%EA%B7%BC%EB%B3%B8%EC%A0%81%EC%9D%B8%20%EC%B9%98%EB%A3%8C%EC%A0%9C%EB%8A%94%20%EC%95%84%EB%8B%88%EA%B8%B0%EC%97%90%20%EB%B3%91%EC%9D%98%20%EC%A7%84%ED%96%89%EC%9D%84%20%EC%99%84%EC%A0%84%ED%9E%88%20%EB%A7%89%EC%9D%84%20%EC%88%98%EB%8A%94%20%EC%97%86%EC%9C%BC%EB%82%98%2C%20%EC%8B%A0%EA%B2%BD%20%EC%A0%84%EB%8B%AC%20%EB%AC%BC%EC%A7%88%EC%9D%84%20%EC%A6%9D%EA%B0%80%EC%8B%9C%ED%82%A4%EA%B3%A0%20%ED%83%88%EB%9D%BD%ED%95%B4%20%EB%82%98%EA%B0%80%EB%8A%94%20%EC%8B%A0%EA%B2%BD%20%EC%84%B8%ED%8F%AC%EC%9D%98%20%EC%8B%A0%ED%98%B8%EB%A5%BC%20%ED%99%9C%EC%84%B1%ED%99%94%EC%8B%9C%ED%82%B4%EC%9C%BC%EB%A1%9C%EC%8D%A8%20%EC%A6%9D%EC%83%81%EC%9D%84%20%EC%99%84%ED%99%94%EC%8B%9C%ED%82%A8%EB%8B%A4.%20%EC%9D%B4%20%EC%95%BD%EC%9D%80%20%EC%B5%9C%EC%B4%88%EC%9D%98%20%EC%95%8C%EC%B8%A0%ED%95%98%EC%9D%B4%EB%A8%B8%20%EC%B9%98%EB%A3%8C%EC%A0%9C%EC%98%80%EC%A7%80%EB%A7%8C%20%EB%8C%80%EC%A6%9D%EC%9A%94" data-image="http://www.atstar1.com/news/photo/202408/6015792_76592_1814.jpg" title="페이스북" data-clipboard-text="http://www.atstar1.com/news/articleView.html?idxno=6015792"> <i class="icon-facebook"><span class="show-for-sr">페이스북(으)로 기사보내기</span></i> </button> <button type="button" class="sns sns-share-btns twitter " data-sharesns="twitter" data-title="%EC%95%8C%EC%B8%A0%ED%95%98%EC%9D%B4%EB%A8%B8%EC%9D%98%20%EA%B7%BC%EB%B3%B8%EC%A0%81%20%EC%B9%98%EB%A3%8C%EB%A5%BC%20%EC%9C%84%ED%95%9C%2020%EB%85%84%E2%80%A6%E2%80%98%EC%95%8C%EC%B8%A0%ED%95%98%EC%9D%B4%EB%A8%B8%20%EC%A0%95%EB%B3%B5%E2%80%99%20%EC%B6%9C%EA%B0%84" data-url="http%3A%2F%2Fwww.atstar1.com%2Fnews%2FarticleView.html%3Fidxno%3D6015792" data-desc="%EC%A0%84%20%EC%84%B8%EA%B3%84%EC%A0%81%EC%9C%BC%EB%A1%9C%20%EC%95%BD%205%EC%B2%9C%EB%A7%8C%20%EB%AA%85%EC%9D%98%20%ED%99%98%EC%9E%90%EA%B0%80%20%EA%B3%A0%ED%86%B5%20%EB%B0%9B%EA%B3%A0%20%EC%9E%88%EB%8A%94%20%E2%80%98%EC%95%8C%EC%B8%A0%ED%95%98%EC%9D%B4%EB%A8%B8%E2%80%99%EB%8A%94%20%EC%95%94%EC%B2%98%EB%9F%BC%20%EC%95%84%EC%A7%81%20%EC%B9%98%EB%A3%8C%EB%B2%95%EC%9D%B4%20%EC%97%86%EB%8B%A4.%20%EC%95%8C%EC%B8%A0%ED%95%98%EC%9D%B4%EB%A8%B8%EB%8A%94%201907%EB%85%84%20%EB%8F%85%EC%9D%BC%EC%9D%98%20%EC%9D%98%EC%82%AC%20%EC%95%8C%EB%A1%9C%EC%9D%B4%EC%8A%A4%20%EC%95%8C%EC%B8%A0%ED%95%98%EC%9D%B4%EB%A8%B8%EC%97%90%20%EC%9D%98%ED%95%B4%20%EC%B2%98%EC%9D%8C%20%EB%B3%B4%EA%B3%A0%EB%90%98%EC%97%88%EC%9C%BC%EB%A9%B0%2C%20%EC%B9%98%EB%A7%A4%EB%A5%BC%20%EC%9D%BC%EC%9C%BC%ED%82%A4%EB%8A%94%20%EA%B0%80%EC%9E%A5%20%ED%9D%94%ED%95%9C%20%ED%87%B4%ED%96%89%EC%84%B1%20%EC%A7%88%ED%99%98%EC%9C%BC%EB%A1%9C%20%EC%95%84%EB%B0%80%EB%A1%9C%EC%9D%B4%EB%93%9C%20%EB%B2%A0%ED%83%80%EC%9D%98%20%EC%B6%95%EC%A0%81%EC%9D%84%20%EC%9B%90%EC%9D%B8%EC%9C%BC%EB%A1%9C%20%EB%B3%B4%EA%B3%A0%20%EC%9E%88%EB%8B%A4.100%EA%B0%9C%EA%B5%AD%20%EC%9D%B4%EC%83%81%EC%97%90%EC%84%9C%20%EC%8A%B9%EC%9D%B8%EB%90%9C%20%EC%95%8C%EC%B8%A0%ED%95%98%EC%9D%B4%EB%A8%B8%20%EC%B9%98%EB%A3%8C%EC%A0%9C%20%E2%80%98%EC%95%84%EB%A6%AC%EC%85%89%ED%8A%B8%E2%80%99%EB%8A%94%20%EA%B7%BC%EB%B3%B8%EC%A0%81%EC%9D%B8%20%EC%B9%98%EB%A3%8C%EC%A0%9C%EB%8A%94%20%EC%95%84%EB%8B%88%EA%B8%B0%EC%97%90%20%EB%B3%91%EC%9D%98%20%EC%A7%84%ED%96%89%EC%9D%84%20%EC%99%84%EC%A0%84%ED%9E%88%20%EB%A7%89%EC%9D%84%20%EC%88%98%EB%8A%94%20%EC%97%86%EC%9C%BC%EB%82%98%2C%20%EC%8B%A0%EA%B2%BD%20%EC%A0%84%EB%8B%AC%20%EB%AC%BC%EC%A7%88%EC%9D%84%20%EC%A6%9D%EA%B0%80%EC%8B%9C%ED%82%A4%EA%B3%A0%20%ED%83%88%EB%9D%BD%ED%95%B4%20%EB%82%98%EA%B0%80%EB%8A%94%20%EC%8B%A0%EA%B2%BD%20%EC%84%B8%ED%8F%AC%EC%9D%98%20%EC%8B%A0%ED%98%B8%EB%A5%BC%20%ED%99%9C%EC%84%B1%ED%99%94%EC%8B%9C%ED%82%B4%EC%9C%BC%EB%A1%9C%EC%8D%A8%20%EC%A6%9D%EC%83%81%EC%9D%84%20%EC%99%84%ED%99%94%EC%8B%9C%ED%82%A8%EB%8B%A4.%20%EC%9D%B4%20%EC%95%BD%EC%9D%80%20%EC%B5%9C%EC%B4%88%EC%9D%98%20%EC%95%8C%EC%B8%A0%ED%95%98%EC%9D%B4%EB%A8%B8%20%EC%B9%98%EB%A3%8C%EC%A0%9C%EC%98%80%EC%A7%80%EB%A7%8C%20%EB%8C%80%EC%A6%9D%EC%9A%94" data-image="http://www.atstar1.com/news/photo/202408/6015792_76592_1814.jpg" title="트위터" data-clipboard-text="http://www.atstar1.com/news/articleView.html?idxno=6015792"> <i class="icon-twitter"><span class="show-for-sr">트위터(으)로 기사보내기</span></i> </button> <button type="button" class="sns sns-share-btns link sns_clipboard" data-sharesns="link" data-title="%EC%95%8C%EC%B8%A0%ED%95%98%EC%9D%B4%EB%A8%B8%EC%9D%98%20%EA%B7%BC%EB%B3%B8%EC%A0%81%20%EC%B9%98%EB%A3%8C%EB%A5%BC%20%EC%9C%84%ED%95%9C%2020%EB%85%84%E2%80%A6%E2%80%98%EC%95%8C%EC%B8%A0%ED%95%98%EC%9D%B4%EB%A8%B8%20%EC%A0%95%EB%B3%B5%E2%80%99%20%EC%B6%9C%EA%B0%84" data-url="http%3A%2F%2Fwww.atstar1.com%2Fnews%2FarticleView.html%3Fidxno%3D6015792" data-desc="%EC%A0%84%20%EC%84%B8%EA%B3%84%EC%A0%81%EC%9C%BC%EB%A1%9C%20%EC%95%BD%205%EC%B2%9C%EB%A7%8C%20%EB%AA%85%EC%9D%98%20%ED%99%98%EC%9E%90%EA%B0%80%20%EA%B3%A0%ED%86%B5%20%EB%B0%9B%EA%B3%A0%20%EC%9E%88%EB%8A%94%20%E2%80%98%EC%95%8C%EC%B8%A0%ED%95%98%EC%9D%B4%EB%A8%B8%E2%80%99%EB%8A%94%20%EC%95%94%EC%B2%98%EB%9F%BC%20%EC%95%84%EC%A7%81%20%EC%B9%98%EB%A3%8C%EB%B2%95%EC%9D%B4%20%EC%97%86%EB%8B%A4.%20%EC%95%8C%EC%B8%A0%ED%95%98%EC%9D%B4%EB%A8%B8%EB%8A%94%201907%EB%85%84%20%EB%8F%85%EC%9D%BC%EC%9D%98%20%EC%9D%98%EC%82%AC%20%EC%95%8C%EB%A1%9C%EC%9D%B4%EC%8A%A4%20%EC%95%8C%EC%B8%A0%ED%95%98%EC%9D%B4%EB%A8%B8%EC%97%90%20%EC%9D%98%ED%95%B4%20%EC%B2%98%EC%9D%8C%20%EB%B3%B4%EA%B3%A0%EB%90%98%EC%97%88%EC%9C%BC%EB%A9%B0%2C%20%EC%B9%98%EB%A7%A4%EB%A5%BC%20%EC%9D%BC%EC%9C%BC%ED%82%A4%EB%8A%94%20%EA%B0%80%EC%9E%A5%20%ED%9D%94%ED%95%9C%20%ED%87%B4%ED%96%89%EC%84%B1%20%EC%A7%88%ED%99%98%EC%9C%BC%EB%A1%9C%20%EC%95%84%EB%B0%80%EB%A1%9C%EC%9D%B4%EB%93%9C%20%EB%B2%A0%ED%83%80%EC%9D%98%20%EC%B6%95%EC%A0%81%EC%9D%84%20%EC%9B%90%EC%9D%B8%EC%9C%BC%EB%A1%9C%20%EB%B3%B4%EA%B3%A0%20%EC%9E%88%EB%8B%A4.100%EA%B0%9C%EA%B5%AD%20%EC%9D%B4%EC%83%81%EC%97%90%EC%84%9C%20%EC%8A%B9%EC%9D%B8%EB%90%9C%20%EC%95%8C%EC%B8%A0%ED%95%98%EC%9D%B4%EB%A8%B8%20%EC%B9%98%EB%A3%8C%EC%A0%9C%20%E2%80%98%EC%95%84%EB%A6%AC%EC%85%89%ED%8A%B8%E2%80%99%EB%8A%94%20%EA%B7%BC%EB%B3%B8%EC%A0%81%EC%9D%B8%20%EC%B9%98%EB%A3%8C%EC%A0%9C%EB%8A%94%20%EC%95%84%EB%8B%88%EA%B8%B0%EC%97%90%20%EB%B3%91%EC%9D%98%20%EC%A7%84%ED%96%89%EC%9D%84%20%EC%99%84%EC%A0%84%ED%9E%88%20%EB%A7%89%EC%9D%84%20%EC%88%98%EB%8A%94%20%EC%97%86%EC%9C%BC%EB%82%98%2C%20%EC%8B%A0%EA%B2%BD%20%EC%A0%84%EB%8B%AC%20%EB%AC%BC%EC%A7%88%EC%9D%84%20%EC%A6%9D%EA%B0%80%EC%8B%9C%ED%82%A4%EA%B3%A0%20%ED%83%88%EB%9D%BD%ED%95%B4%20%EB%82%98%EA%B0%80%EB%8A%94%20%EC%8B%A0%EA%B2%BD%20%EC%84%B8%ED%8F%AC%EC%9D%98%20%EC%8B%A0%ED%98%B8%EB%A5%BC%20%ED%99%9C%EC%84%B1%ED%99%94%EC%8B%9C%ED%82%B4%EC%9C%BC%EB%A1%9C%EC%8D%A8%20%EC%A6%9D%EC%83%81%EC%9D%84%20%EC%99%84%ED%99%94%EC%8B%9C%ED%82%A8%EB%8B%A4.%20%EC%9D%B4%20%EC%95%BD%EC%9D%80%20%EC%B5%9C%EC%B4%88%EC%9D%98%20%EC%95%8C%EC%B8%A0%ED%95%98%EC%9D%B4%EB%A8%B8%20%EC%B9%98%EB%A3%8C%EC%A0%9C%EC%98%80%EC%A7%80%EB%A7%8C%20%EB%8C%80%EC%A6%9D%EC%9A%94" data-image="http://www.atstar1.com/news/photo/202408/6015792_76592_1814.jpg" title="URL복사" data-clipboard-text="http://www.atstar1.com/news/articleView.html?idxno=6015792"> <i class="icon-link"><span class="show-for-sr">URL복사(으)로 기사보내기</span></i> </button> </div> </section> <!-- close //--> <button class="close-button" data-close aria-label="Close modal" type="button"> <i class="icon-close-thin"><span class="show-for-sr">닫기</span></i> </button> <!--// close --> </div> <div class="wrapper"> <div class="float-center" style="max-width:1200px"> <section id="articleViewCon" class="article-view-content"> <article class="grid body"> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> <!-- contents //--> <article id="article-view-content-div" class="article-veiw-body view-page" itemprop="articleBody"> <div style="text-align:center"> <figure class="photo-layout image photo_76592 float-center" data-idxno="76592" data-type="photo" style="display:inline-block; max-width:600px"><img alt="" src="https://cdn.atstar1.com/news/photo/202408/6015792_76592_1814.jpg" /> <figcaption></figcaption> </figure> </div> <p>전 세계적으로 약 5천만 명의 환자가 고통 받고 있는 &lsquo;알츠하이머&rsquo;는 암처럼 아직 치료법이 없다. 알츠하이머는 1907년 독일의 의사 알로이스 알츠하이머에 의해 처음 보고되었으며, 치매를 일으키는 가장 흔한 퇴행성 질환으로 아밀로이드 베타의 축적을 원인으로 보고 있다.</p> <p>100개국 이상에서 승인된 알츠하이머 치료제 &lsquo;아리셉트&rsquo;는 근본적인 치료제는 아니기에 병의 진행을 완전히 막을 수는 없으나, 신경 전달 물질을 증가시키고 탈락해 나가는 신경 세포의 신호를 활성화시킴으로써 증상을 완화시킨다. 이 약은 최초의 알츠하이머 치료제였지만 대증요법을 위한 약이었다. 미국의 과학자 데일 솅크는 아밀로이드 베타 항체를 이용해 뇌 속의 아밀로이드 베타를 분해하거나 없애는 참신한 아이디어를 떠올렸다. 아밀로이드 베타를 접종하면 노인성 반점의 형성을 막을 뿐만 아니라 이미 생성된 노인성 반점에도 효과적이라는 것이 밝혀졌고, 그렇게 알츠하이머의 원인을 근본적으로 치료하는 최초의 약 &lsquo;레카네맙&rsquo;이 탄생했다. 이 책은 치료제 개발에 관한 20여 년의 취재 기록을 담는다.</p> <p>책의 감수를 맡은 서울아산병원 신경과 임재성 교수는 &ldquo;알츠하이머 치료가 전환점을 맞이한 이 시점에 지금까지 어떤 길을 걸어 왔고 어디로 가고 있는지 돌아보게 하는 중요한 계기가 되는 책입니다. 환자와 보호자, 연구자와 의료진 모두에게 적극 추천합니다. 치료제를 위한 과학자들의 노력과 좌절, 끊임없는 도전의 이야기를 통해 희망을 키워 가면 좋겠습니다&rdquo;라고 전한다.</p> <p>(사진=북스힐)</p> <div class="article-copy">저작권자 &copy; 앳스타일 무단전재 및 재배포 금지</div> </article> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> <article class="writer"> <div class="item"> <div class="account"> <em class="image" style="background-image:url(https://cdn.atstar1.com/image/newsroom/default-user.png)"></em> <strong class="name">신유림 인턴기자</strong> <a href="mailto:syl3219@atstar1.com" class="email">syl3219@atstar1.com</a> </div> </div> <div class="item text-right"> <a href="/news/articleList.html?sc_area=I&sc_word=syl3219&view_type=sm" class="article-more">다른기사 보기</a> </div> </article> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> <div class="clearfix respons-edit"> <div class="float-left padright-40" style="width:calc(100% - 250px)"> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> </div> <div class="float-right" style="width:250px"> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> </div> </div> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> <link rel="stylesheet" href="https://cdn.atstar1.com/comment/style.css"> <style> /************************************************** * COMMENT SKIN FILE * * AUTHOR : SOHO (for ndsoft) * FILE : /fine_home/comment/skin/skin01/_style.css * INCLUDE : /fine_home/comment/skin/skin01/_comment.html * NOTE : * **************************************************/ /* layout */ #comment {display:block;margin:2.5rem auto} [data-whatintent="touch"] #comment button, [data-whatintent="touch"] #comment button:focus {outline:0} /* titles */ .cmt-header::after {content:'';display:table;clear:both} .cmt-header .titles {float:left;font-size:1.25rem;font-weight:normal;line-height:35px;color:#000} .cmt-header .comment-count {font-weight:bold} .cmt-header .my-cmt {float:right;font-size:.875rem;line-height:35px;color:rgba(0,0,0,.95)} .cmt-header .my-cmt > i[class^="icon-"] {display:inline-block;overflow:hidden;width:15px;height:15px;font-size:.5rem;line-height:13px;color:#000;border:1px solid rgba(0,0,0,.5);border-radius:50%;text-align:center;vertical-align:middle} /* write */ .comment-write {display:block;overflow:hidden;margin-bottom:2.1875rem;background-color:#fff;border:1px solid rgba(0,0,0,.25);border-radius:.3125rem} .comment-write .wrt-header {display:block;padding:1.25rem} .comment-write .wrt-header::after {content:'';display:table;clear:both} .comment-write .user-name {float:left;font-size:.9375rem;line-height:28px} #comment-guest {float:right;font-size:0;white-space:nowrap} #comment-guest input[type="text"], #comment-guest input[type="password"] {display:inline-block;width:115px;height:28px;margin:0;font-size:.8125rem;border-radius:2rem} #comment-guest input[type="password"] {margin-left:.25rem} .comment-write .comment-content {display:block;min-height:65px;margin:0 auto;padding:0 1.25rem;font-size:.9375rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.625;color:#000;border:none;border-radius:0} .comment-write .comment-content[readonly] {background:none} .comment-write .recaptcha-container {display:block;font-size:0;text-align:center} .comment-write .recaptcha-container .recaptcha-view {display:inline-block;margin:0 auto 1rem} .comment-write .wrt-footer {display:block;padding:.375rem 1.25rem;border-top:1px solid rgba(0,0,0,.08)} .comment-write .wrt-footer::after {content:'';display:table;clear:both} .comment-write .wrt-footer .cur--length {float:left;font-size:.75rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:32px;color:#989898} .comment-write .wrt-footer .comment-text-cur {color:#000} .comment-write .wrt-footer .btn-comment-save {float:right;height:32px;padding:0 1.125rem;font-size:.8125rem;line-height:1;color:#fff;border-radius:.25rem;background-color:#68A4DF;cursor:pointer} @media screen and (max-width: 39.9375em) { .row .comment-write .user-name, .row #comment-guest {float:none;width:auto} .row .comment-write .user-name {display:block;margin-bottom:.375rem} .row .comment-write .btn-comment-login {text-decoration:underline} .row .comment-write .btn-comment-login::before {content:"\e9f5";display:inline-block;margin-right:.375rem;font:14px/1 fontello;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .row #comment-guest input[type="text"], .row #comment-guest input[type="password"] {width:calc(50% - .125rem)} .row .comment-write .comment-content {min-height:80px;font-size:.875rem} .row .comment-write .recaptcha-container {overflow:hidden;max-width:100%} } /* list */ #comment-list {display:block} #comment-list .list-sort {margin-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.12)} #comment-list .list-sort::after {content:'';display:table;clear:both} #comment-list .list-sort > .option {float:left;font-size:0;white-space:nowrap;text-align:left} #comment-list .btn-comment-orderby {display:inline-block;font-size:.9375rem;line-height:35px;color:rgba(0,0,0,.6);vertical-align:middle;cursor:pointer} #comment-list .btn-comment-orderby.secondary {font-weight:700;font-weight:var(--wgt700, 700);color:#000} #comment-list .list-sort > .option > .btn-comment-orderby:not(:first-child) {margin-left:1rem} #comment-list .explain {float:right;position:relative} #comment-list .explain > .explain-btn {font-size:.8125rem;line-height:35px;color:rgba(0,0,0,.7)} #comment-list .explain > .guide {display:none;position:absolute;z-index:10;right:0;top:100%;width:220px;padding:1rem;font-size:.75rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.375;color:rgba(0,0,0,.85);background:#f8f8f8;border:1px solid rgba(0,0,0,.08)} #comment-list .explain > .guide > strong {display:block;margin-bottom:.5rem;font-size:.8125rem} #comment-list .explain .close-button {right:.5rem;font-size:1rem} #comment-list .btn-comment-more {display:block;width:100%;height:50px;font-size:0;background-color:#fff;border:1px solid rgba(0,0,0,.15);text-align:center;cursor:pointer} #comment-list .more-info::after, #comment-list .more-info > span {display:inline-block;font-size:.9375rem;line-height:1;color:#000;vertical-align:middle} #comment-list .more-info::after {content:"\e943";margin-left:.375rem;font:14px/1 fontello;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} @media screen and (max-width: 39.9375em) { .row #comment-list .btn-comment-orderby:not(.secondary) {color:rgba(0,0,0,.45)} } /* comment */ .comment-item {display:block} .comment-item .first {padding:1.25rem 0;border-top:1px solid rgba(0,0,0,.08)} .normal-content > .comment-item:first-child .first {padding-top:0;border-top:none} .comment-item .first::after {content:'';display:table;clear:both} .comment-item .photo {float:left} .comment-item .photo > .pfile {display:block;overflow:hidden;width:45px;height:45px;background:url('https://cdn.atstar1.com/image/newsroom/default-user.png') 50% 50% no-repeat;background-size:cover;border-radius:50%} .comment-item .photo + .user-textbox {float:right;width:calc(100% - 65px)} .comment-item .textbox-header {margin-bottom:.75rem} .comment-item .textbox-header::after {content:'';display:table;clear:both} .comment-item .textbox-info {display:block;font-size:0;text-align:left} .comment-item .textbox-info > * {display:inline-block;white-space:nowrap;vertical-align:middle} .comment-item .textbox-info > :not(:first-child) {margin-left:.5rem} .comment-item .textbox-info > .name {font-size:.9375rem;line-height:25px;color:#000} .comment-item .textbox-info > .name > small {font-size:.625rem;font-weight:300;font-weight:var(--wgt300, 300);color:rgba(0,0,0,.8)} .comment-item .textbox-info > .name > .vote::before {content:'';display:inline-block;overflow:hidden;width:15px;height:15px;margin-right:.25rem;background:url(/image/comment/vote-mark.svg) 50% 50% no-repeat;background-size:contain;vertical-align:middle} .comment-item .textbox-info > .user-comment-info {cursor:pointer} .comment-item .textbox-info > .datetime {position:relative;padding-left:.75rem;margin-left:.75rem;font-size:.8125rem;font-weight:300;font-weight:var(--wgt300, 300);color:rgba(0,0,0,.7)} .comment-item .textbox-info > .datetime::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.625rem;border-left:1px solid rgba(0,0,0,.12);-ms-transform:translateY(-50%);transform:translateY(-50%)} .comment-item .textbox-info > .ip {overflow:hidden;width:25px;padding:0 .375rem;font-size:.625rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:14px;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:.25rem;text-align:left;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;cursor:pointer;transition:width .25s} .comment-item .textbox-info > .ip > .viewing {display:none;font-style:normal} .comment-item .textbox-info > .ip:hover {width:102px} .comment-item .textbox-info > .ip:hover > .viewing {display:inline-block} .comment-item .textbox-option {float:right;font-size:0;text-align:right} .comment-item .textbox-option > a {display:inline-block;font-size:.8125rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:25px;color:rgba(0,0,0,.65);vertical-align:middle} .comment-item .textbox-option > :not(:first-child) {position:relative;margin-left:.75rem;padding-left:.75rem} .comment-item .textbox-option > :not(:first-child)::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.625rem;border-left:1px solid rgba(0,0,0,.12);-ms-transform:translateY(-50%);transform:translateY(-50%)} .comment-item .textbox-header > :first-child:nth-last-child(2) {float:left} .comment-item .comment-content-view {font-size:.9375rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.375;color:#000} .comment-item .textbox-footer {display:block;margin-top:1.25rem} .comment-item .textbox-footer::after {content:'';display:table;clear:both} .comment-item .btn-comment-sub, .comment-item .btn-comment-sub + .user-vote {float:left} .comment-item .btn-comment-sub {margin-right:2.125rem;font-size:.8125rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:25px;color:rgba(0,0,0,.8);cursor:pointer} .comment-item .comment-sub-count {color:#000} .comment-item .user-vote {display:block;font-size:0;white-space:nowrap;text-align:left} .comment-item .user-vote > .btn-comment-vote {display:inline-block;font-size:.8125rem;line-height:25px;color:rgba(0,0,0,.95);cursor:pointer;vertical-align:middle} .comment-item .user-vote > .btn-comment-vote.vote-up-on {color:#e50000} .comment-item .user-vote > .btn-comment-vote.vote-down-on {color:#1188ff} .comment-item .user-vote > :not(:last-child) {margin-right:.875rem} @media screen and (max-width: 39.9375em) { .row .comment-item .photo {width:35px;height:35px} .row .comment-item .photo + .user-textbox {width:calc(100% - 55px)} .row .comment-item .textbox-info > .name > small {font-weight:lighter} .row .comment-item .textbox-info > .ip {width:auto;padding:0;font-weight:lighter;background:none;border:none;text-overflow:clip} .row .comment-item .textbox-info > .ip > .viewing {display:inline} .row .comment-item .textbox-header > :first-child:nth-last-child(2) {overflow:hidden;float:none} .row .comment-item .textbox-option {float:none;width:auto;margin-top:.375rem;text-align:left} .row .comment-item .textbox-option > a {overflow:hidden;padding:0 .375rem;font-size:.6875rem;font-weight:lighter;line-height:18px;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.125rem;white-space:nowrap} .row .comment-item .textbox-option > :not(:first-child) {padding-left:0} .row .comment-item .textbox-option > :not(:first-child)::before {content:normal;display:none} } /* second comment */ .comment-item .second {display:none;padding:1.25rem 1.5rem;background-color:#f5f6f6;border-top:1px solid rgba(0,0,0,.05)} .comment-item .second::after {content:'';display:table;clear:both} .comment-item .sec-option {display:block;margin-bottom:.5rem;font-size:0;white-space:nowrap;text-align:left} .comment-item .btn-sub-comment-orderby {display:inline-block;font-size:.875rem;line-height:1.375;color:rgba(0,0,0,.6);cursor:pointer;vertical-align:middle} .comment-item .btn-sub-comment-orderby.secondary {font-weight:bold;color:rgba(0,0,0,.95)} .comment-item .sec-option > :not(:first-child) {margin-left:1.125rem} .comment-item .comment-item-sub-body, .comment-item .comment-item-sub-footer {padding-left:2.8125rem} .comment-item .comment-item-sub, .comment-item .comment-item-sub-footer {display:block;position:relative} .comment-item .comment-item-sub {padding:1.25rem 0;border-top:1px solid rgba(0,0,0,.05)} .comment-item .comment-item-sub-body > .comment-item-sub:first-child {border-top:none} .comment-item .comment-item-sub::before, .comment-item .comment-item-sub-footer::before {content:'';display:block;overflow:hidden;position:absolute;z-index:1;width:18px;height:21px;background:url('/image/comment/comment_type1_reply.png') 0 0 no-repeat} .comment-item .comment-item-sub::before {left:-2.8125rem;top:1.625rem} .comment-item .comment-item-sub::after {content:'';display:table;clear:both} .comment-item .comment-item-sub-footer {margin-top:1rem} .comment-item .comment-item-sub-footer::before {left:0;top:.625rem} .comment-item .comment-item-sub-footer .comment-write {margin-bottom:0;background:none;border:none;border-radius:0} .comment-item .comment-item-sub-footer .comment-form {display:block;overflow:hidden;margin-bottom:2.1875rem;background-color:#fff;border:1px solid rgba(0,0,0,.25);border-radius:.3125rem} .comment-item .second .btn-comment-sub-write {display:block;width:100%;margin-bottom:2.1875rem;padding:1.25rem 1.5rem;font-size:.875rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1;color:rgba(0,0,0,.6);background-color:#fff;border:1px solid rgba(0,0,0,.25);border-radius:.3125rem;text-align:left;cursor:pointer} .comment-item .second .btn-comment-sub {float:none;width:100%;font-size:.9375rem;text-align:center} @media screen and (max-width: 39.9375em) { .row .comment-item .comment-item-sub-body, .row .comment-item .comment-item-sub-footer {padding-left:1.625rem} .row .comment-item .comment-item-sub::before, .row .comment-item .comment-item-sub-footer::before {width:9px;height:11px;background-size:contain} .row .comment-item .comment-item-sub::before {left:-1.625rem} } /* best comment */ .best-content {display:block} .best-content > .comment-item:first-of-type > .first {padding-top:0;border-top:0} .best-content > .comment-item:last-of-type {margin-bottom:1.25rem} .best-content > .comment-item:last-of-type > .first {border-bottom:1px solid rgba(0,0,0,.08)} .best-content > .comment-item:last-of-type .second {border-top:0;border-bottom:1px solid rgba(0,0,0,.05)} .comment-item .best {display:inline-block;overflow:hidden;margin-right:.25rem;padding:0 .375rem;font-size:.625rem;line-height:16px;color:#fff;background-color:#f44e5c;border-radius:.125rem;text-transform:uppercase;vertical-align:middle} /* user comment infomation */ .block {overflow:hidden !important;touch-action:none} #userCommentInfo {display:none} #userCommentInfo .cmt-info-block {overflow-x:hidden;overflow-y:scroll;position:fixed;z-index:1006;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.45);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} #userCommentInfo .cmt-info {overflow:hidden;position:relative;z-index:1006;width:80%;max-width:720px;margin:5em auto 0;padding:1.25rem 1.875rem;background-color:#fff;border-radius:.3125rem;-webkit-backface-visibility:hidden;backface-visibility:hidden} @media screen and (max-width: 39.9375em) { #userCommentInfo .cmt-info {width:100%;margin-top:0;padding-left:1.25rem;padding-right:1.25rem;border-radius:0} } /* header */ #userCommentInfo .info-header {display:block} #userCommentInfo .info-header::after {content:'';display:table;clear:both} #userCommentInfo .info-header .titles {float:left;font-size:1.25rem;font-weight:normal;line-height:50px;color:#000} #userCommentInfo .info-header .cmt-info-close {float:right;height:50px;font-size:1.625rem;cursor:pointer} /* user infomation */ #userCommentInfo .user-infomation {display:block;overflow:hidden;padding:1rem 1.25rem;margin-bottom:1.875rem;background-color:#3f63bf;border:1px solid rgba(0,0,0,.08);border-radius:.25rem} #userCommentInfo .user-infomation .image {display:block;overflow:hidden;float:left;width:52px;height:52px;margin-right:1rem;background:url('https://cdn.atstar1.com/image/newsroom/default-user.png') 50% 50% no-repeat;background-size:cover;border-radius:50%} #userCommentInfo .user-infomation .user-data {display:block} #userCommentInfo .user-infomation .name {display:block;overflow:hidden;margin-bottom:.625rem;font-size:1rem;font-weight:700;font-weight:var(--wgt700 , 700);line-height:1.375;color:#fff;white-space:nowrap;text-overflow:hidden} #userCommentInfo .user-infomation .lists {display:block;padding:0;margin:0;font-size:0;list-style:none;text-align:left} #userCommentInfo .user-infomation .lists > li {display:inline-block;position:relative;font-size:.8125rem;line-height:1.2;color:rgba(255,255,255,.6);vertical-align:middle} #userCommentInfo .user-infomation .lists > li:not(:first-child) {margin-left:.75rem;padding-left:.75rem} #userCommentInfo .user-infomation .lists > li:not(:first-child)::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.75rem;border-left:1px solid rgba(255,255,255,.15);-ms-transform:translateY(-50%);transform:translateY(-50%)} /* user comment */ #userCommentInfo .cmt-info-body, #userCommentInfo .cmt-item {display:block} #userCommentInfo .cmt-info-body > .cmt-item:not(:first-child) {margin-top:2.5rem} #userCommentInfo .cmt-item .dated {display:block;padding:0;margin:0 auto .625rem;font-size:.8125rem;line-height:1;color:rgba(0,0,0,.65);white-space:nowrap} #userCommentInfo .cmt-item .org-article {display:block;margin-bottom:.625rem} #userCommentInfo .cmt-item .org-article::after {content:'';display:table;clear:both} #userCommentInfo .cmt-item .org-article > .image {overflow:hidden;float:left;width:40px;height:40px;margin-right:1rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover} #userCommentInfo .cmt-item .org-article > .subject {display:block;overflow:hidden;font-size:1.0625rem;font-weight:700;font-weight:var(--wgt700, 700);line-height:40px;color:#000;white-space:nowrap;text-overflow:ellipsis} #userCommentInfo .cmt-item .cmt-box {display:block;overflow:hidden;padding:1.25rem;background-color:#f5f6f6;border:1px solid rgba(0,0,0,.08);border-radius:.25rem} #userCommentInfo .cmt-item .text {display:block;padding:0;margin:0 auto 1rem;font-size:.875rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.375;color:#000} #userCommentInfo .cmt-item.recomment .text::before {content:'답글';display:inline-block;overflow:hidden;padding:0 .625rem;margin-right:.75rem;font-size:.75rem;line-height:22px;color:#fff;background-color:#787878;border-radius:.125rem;white-space:nowrap;vertical-align:middle} #userCommentInfo .cmt-item .helper-box {display:block;padding:0;margin:0;list-style:none} #userCommentInfo .cmt-item .helper-box::after {content:'';display:table;clear:both} #userCommentInfo .cmt-item .helper-box > li {float:left;font-size:.8125rem;font-weight:300;font-weight:var(--wgt300, 300)} #userCommentInfo .cmt-item .helper-box > li:first-child {margin-right:2.5rem} #userCommentInfo .cmt-item.recomment .helper-box > li:first-child {display:none !important} #userCommentInfo .cmt-item .helper-box > li:not(:nth-child(-n + 2)) {margin-left:.875rem} #userCommentInfo .cmt-item-more {display:block;overflow:hidden;width:100%;height:50px;margin-top:2.5rem;font-size:.9375rem;background-color:#fff;border:1px solid rgba(0,0,0,.12);border-radius:.3125rem;text-align:center;cursor:pointer} /* my comment modal */ #myCommnetView {max-width:720px;background-color:#fff} #myCommnetView > .view-header {display:block;padding:1.875rem} #myCommnetView > .view-header::after {content:'';display:table;clear:both} #myCommnetView > .view-header .titles {float:left;margin:0;font-size:1.375rem;font-weight:700;font-weight:var(--wgt700, 700);line-height:45px} #myCommnetView > .view-header .close {float:right;height:45px;margin:0;font-size:1.875rem;cursor:pointer} @media screen and (max-width: 39.9375em) { .row #myCommnetView {max-width:none} } </style> <!-- 댓글 //--> <article id="comment"> <header id="reply" class="cmt-header"> <h4 class="titles"><strong class="comment-count"></strong>개의 댓글</h4> </header> <!-- write //--> <article class="comment-write"> <form class="comment-form" name="commentWriteForm" method="POST"> <input type="hidden" class="mode" name="mode" value="input" /> <input type="hidden" class="service-name" name="service_code" value="news" /> <input type="hidden" class="parent-idxno" name="parent_idxno" value="6015792" /> <input type="hidden" class="reply-parent-idxno" name="reply_parent_idxno" value="" /> <input type="hidden" class="user-id" name="user_id" value="" /> <header class="wrt-header"> <a href="/member/login.html?backUrl=/news/articleView.html?idxno=6015792#comment" class="user-name btn-comment-login">회원로그인</a> <article id="comment-guest"> <label for="guestName" class="show-for-sr">작성자</label> <input type="text" name="name" id="guestName" title="작성자" placeholder="작성자" value="" /> <label for="guestPassword" class="show-for-sr">비밀번호</label> <input type="password" name="password" id="guestPassword" title="비밀번호" placeholder="비밀번호" value="" /> </article> </header> <label for="cmtContent" class="show-for-sr">댓글 내용입력</label> <textarea name="content" title="댓글 내용입력" id="cmtContent" class="comment-content" placeholder="권리침해, 욕설 및 특정 대상을 비하하는 내용을 게시할 경우 이용약관 및 관련법률에 의해 제재될 수 있습니다. 회원 로그인을 하시면 댓글 작성이 간편합니다." ></textarea> <div class="recaptcha-container"></div> <footer class="wrt-footer"> <span class="cur--length"><strong class="comment-text-cur">0</strong> / 400</span> <button type="button" class="btn-comment-save user-bg">등록</button> </footer> </form> </article> <!--// write --> <!-- list //--> <article id="comment-list"> <header class="list-sort"> <h5 class="show-for-sr">댓글 정렬</h5> <div class="option"> <button type="button" data-data="I" class="btn-comment-orderby btn-comment-orderby-I">최신순</button> <button type="button" data-data="C" class="btn-comment-orderby btn-comment-orderby-C">추천순</button> <button type="button" data-data="R" class="btn-comment-orderby btn-comment-orderby-R">답글순</button> </div> <div class="explain"> <a rel="menu" class="explain-btn" data-toggle="guide-panel"><i class="icon-info-o"></i> BEST댓글</a> <div id="guide-panel" class="guide" data-toggler data-animate="fade-in fade-out" data-closable> <strong>BEST 댓글</strong> 답글과 추천수를 합산하여 자동으로 노출됩니다. <button class="close-button" data-close><i class="icon-close-thin"><span class="show-for-sr">닫기</span></i></button> </div> </div> </header> <section class="best-content"> <!-- BEST 댓글 --> </section> <section class="normal-content"> <!-- 기본 댓글 --> </section> <button type="button" class="btn-comment-more"><span>더보기</span></button> </article> <!--// list --> </article> <!--// 댓글 --> <!-- 댓글삭제 //--> <div class="reveal" id="comment-reveal-delete" data-reveal> <header class="reveal-header"> <div class="reveal-title">댓글삭제</div> <div class="reveal-msg"> 삭제한 댓글은 다시 복구할 수 없습니다.<br> 그래도 삭제하시겠습니까? </div> </header> <section class="reveal-container"> <form class="comment-form" name="commentDeleteForm" method="POST"> <input type="hidden" class="service-name" name="service_code" value="news" /> <input type="hidden" class="table-name" name="table_name" value="article_reply" /> <input type="hidden" class="parent-idxno" name="parent_idxno" value="6015792" /> <input type="hidden" class="mode" name="mode" value="" /> <input type="hidden" class="idxno" name="idxno" value="" /> <input type="hidden" class="reply-parent-idxno" name="reply_parent_idxno" value="" /> <input type="hidden" class="user-id" name="user_id" value="" /> <!-- 비밀번호 //--> <fieldset id="delete-password-field" class="row expanded small-collapse medium-uncollapse"> <div class="medium-3 columns"> <label for="removePassword" class="medium-middle"><strong class="key-point">비밀번호</strong></label> </div> <div class="medium-9 columns"> <input type="password" name="password" class="password" id="removePassword" title="비밀번호" placeholder="비밀번호 입력" class=""> </div> </fieldset> <!--// 비밀번호 --> <footer class="clearfix text-center"> <button type="button" class="button btn-comment-delete-ok"><i class="icon-trash-o"></i>&nbsp;삭제</button> </footer> </form> </section> <!-- 닫기 //--> <button class="close-button" data-close aria-label="Close modal" type="button"> <i class="icon-close-thin"><span class="show-for-sr">닫기</span></i> </button> <!--// 닫기 --> </div> <!--// 댓글삭제 --> <!-- 댓글수정 //--> <div class="reveal" id="comment-reveal-modify" data-reveal> <header class="reveal-header"> <div class="reveal-title">댓글수정</div> <div class="reveal-msg"> 댓글 수정은 작성 후 1분내에만 가능합니다. </div> </header> <section class="reveal-container"> <form class="comment-form" name="commentModifyForm" method="POST"> <input type="hidden" class="service-name" name="service_code" value="news" /> <input type="hidden" class="table-name" name="table_name" value="article_reply" /> <input type="hidden" class="parent-idxno" name="parent_idxno" value="6015792" /> <input type="hidden" class="mode" name="mode" value="" /> <input type="hidden" class="idxno" name="idxno" value="" /> <input type="hidden" class="reply-parent-idxno" name="reply_parent_idxno" value="" /> <input type="hidden" class="user-id" name="user_id" value="" /> <!-- 본문 //--> <fieldset class="row expanded small-collapse medium-uncollapse"> <div class="medium-3 columns"> <label for="modiifyContent" class="medium-middle"><strong class="key-point">본문</strong></label> <div class="size-12"> <span class="comment-text-cur"></span> / 400 </div> </div> <div class="medium-9 columns"> <textarea name="modify_content" class="modiify-content" id="modiifyContent" rows="10"></textarea> </div> </fieldset> <!--// 본문 --> <!-- 비밀번호 //--> <fieldset id="modify-password-field" class="row expanded small-collapse medium-uncollapse"> <div class="medium-3 columns"> <label for="modifyPassword" class="medium-middle"><strong class="key-point">비밀번호</strong></label> </div> <div class="medium-9 columns"> <input type="password" name="password" class="password" id="modifyPassword" title="비밀번호" placeholder="비밀번호 입력" class=""> </div> </fieldset> <!--// 비밀번호 --> <footer class="clearfix text-center"> <button type="button" class="button btn-comment-modify-ok"><i class="icon-trash-o"></i>&nbsp;수정</button> </footer> </form> </section> <!-- 닫기 //--> <button class="close-button" data-close aria-label="Close modal" type="button"> <i class="icon-close-thin"><span class="show-for-sr">닫기</span></i> </button> <!--// 닫기 --> </div> <!--// 댓글수정 --> <!-- 유저댓글모음 //--> <div class="user-comment-info-view"></div> <!--// 유저댓글모음 --> <!-- 나의 댓글모음 //--> <div class="reveal large" id="myCommnetView" data-reveal> <article class="view-header"> <h3 class="titles">내 댓글 모음</h3> <button type="button" class="close" data-close><i class="icon-close-thin"><span class="show-for-sr">닫기</span></i></button> </article> <iframe id="myIframeBox" src="about:blank" width="100%" height="500" frameBorder="0"></iframe> </div><script src="https://cdn.atstar1.com/comment/comment.js"></script> <script> $comment.service_code = 'news'; // 현재 이용 서비스 (중요!!) $comment.parent_idxno = '6015792'; // 댓글 부모 게시물 번호 $comment.member_check = 'GUEST'; // 회원여부 $comment.member_nd = ''; // 회원여부 $comment.captcha_view = 'Y'; // 캡챠 노출 (로그인 및 권한에 따른 노출 상태) $comment.bbs_table = undefined; // 게시판 테이블 $comment.comment_orderby = 'I', // 댓글 정렬 $comment.comment_page = 1, // 댓글 페이징 $comment.comment_count = 0, // 댓글 총 갯수 $comment.commentConfigSet(); // 댓글 설정 불러오기 (중요!!) $(document).ready(function(e){ // 댓글 정렬 변경 $('#comment').on('click', '.btn-comment-orderby', function(e){ $comment.commentList('load', $comment.comment_page, $comment.comment_orderby=$(this).data('data')); // 댓글 불러오기 // $comment.moveScroll($comment.list_container); // 자동 스크롤 이동 }); // 답글 정렬 변경 $('#comment').on('click', '.btn-sub-comment-orderby', function(e){ var reply_parent_idxno = $(this).data('idxno'); $('#comment-item-'+reply_parent_idxno+'-sub .comment-sub-orderby').val($(this).data('orderby')); $comment.commentSubList(reply_parent_idxno, 'reload'); // $comment.moveScroll($comment.list_container); // 자동 스크롤 이동 }); // 댓글 더보기 $('#comment').on('click', '.btn-comment-more', function(e){ $comment.moveScroll($(this)); // 자동 스크롤 이동 $comment.commentList('add', ++$comment.comment_page, $comment.comment_orderby); // 댓글 추가하기 }); // 댓글 쓰기 $('#comment').on('click', '.btn-comment-save', function(e){ if( $comment.textLength($(this).closest('form').find('.comment-content')) ){ // 저장 이벤트 전 글자 수 체크 (스팸 방지) $comment.commentWrite($(this).closest('form')); // 댓글 저장 } }); // 댓글 쓰기 상단 이동 버튼 처리 $('#comment').on('click', '.btn-comment-write', function(e){ $comment.moveScroll($('.comment-write'), true); // 자동 스크롤 이동 $('#comment > .comment-write .comment-content').focus(); }); // 댓글 작성 글자수 제한 $('#comment').on('change keyup keydown keypress', '.comment-content', function(e){ $comment.textLength($(this)); }); // 댓글 삭제 모달 열기 $('#comment').on('click', '.btn-comment-delete', function(e){ var cmtItem = $(this).closest('.user-textbox'); $comment.reveal_delete.find('.mode').val($(this).data('mode')); $comment.reveal_delete.find('.idxno').val(cmtItem.data('idxno')); $comment.reveal_delete.find('.reply-parent-idxno').val(cmtItem.data('reply-parent-idxno')); $comment.reveal_delete.find('.user-id').val(cmtItem.data('user-id')); $comment.reveal_delete.find('.password').val(''); $comment.reveal_delete.foundation('open'); }); // 댓글 삭제 시 엔터 이벤트 $('#comment-reveal-delete .password').keydown(function(e) { if (e.keyCode == 13) return false; }); // 댓글 삭제 $('#comment-reveal-delete').on('click', '.btn-comment-delete-ok', function(e){ $comment.commentDelete($(this).closest('form')); // 댓글 삭제 }); // 댓글 답글 보기 / 더보기 $('#comment').on('click', '.btn-comment-sub', function(e){ var sub_item = $(this).closest('.comment-item'), reply_parent_idxno = sub_item.data('reply-parent-idxno'), sub_mode = $(this).data('sub-mode'); $comment.commentSubList(reply_parent_idxno, sub_mode); // 답글 보기 }); // 답글 쓰기 폼 열기 $('#comment').on('click', '.btn-comment-sub-write', function(e){ var sub_item = $(this).closest('.comment-item'), sub_write_form = sub_item.find('form[name="commentWriteForm"]'); $(this).hide(); sub_write_form.show().find('textarea.comment-content').focus(); $comment.moveScroll(sub_write_form); // 자동 스크롤 이동 }); // 댓글 추천/반대 $('#comment').on('click', '.btn-comment-vote', function(e){ var cmtItem = $(this).closest('.user-vote'); $comment.commentVote($(this), $(this).data('mode'), cmtItem.data('idxno')); // 댓글 추천/반대 }); // 댓글 작성란 비활성 이벤트 $('#comment').on('click', '.comment-write .comment-content', function(e){ if( $(this).prop('readonly') == true ){ var login_url = $(this).closest('.comment-write').find('.btn-comment-login').prop('href'); if($comment.member_check == 'GUEST') location.href=login_url; else alert('댓글 작성 권한이 없습니다. 관리자에게 문의하세요'); } }); // 댓글 옵션 레이어 토글 $('#comment').on('click', '.user-tb-h-del button', function(){ var optionBox = $(this).closest('.user-tb-h-del').find('.user-delete'); if(optionBox.is(':visible') == false){ $('.user-delete').hide(); optionBox.show(); } else optionBox.hide(); }); // 베스트 댓글 안내 $('.cl-s-explain a').on('mouseover', function(){ $(this).next('p').show(); }).on('mouseout', function(){ $(this).next('p').hide(); }); // 댓글 작성자 정보 OPEN $('#comment').on('click', '.user-comment-info', function(){ var infoId = $(this).closest('.comment-item').attr('id'); $comment.userCommentInfo($(this).closest('.user-textbox').data('user-id')); $('html, body').addClass('block'); // 댓글 작성자 정보 CLOSE $(document).on('click', '.cmt-info-block, .cmt-info-close', function(e){ var $tgPoint = $(e.target); var $commentArea = $tgPoint.closest('.cmt-info'); // .hasClass('cmt-info'); var closeBool = true; if($commentArea.length) { if(!$tgPoint.hasClass('icon-close-thin')) closeBool = false; } if(closeBool) { $('html, body').removeClass('block'); $('#userCommentInfo').remove(); } // location.href='#'+infoId; }); }); $('#comment').on('click', '.my-cmt', function(e){ $('#myIframeBox').attr("src", "/comment/myComment.html"); $('#myCommnetView').foundation('open'); }); }); </script> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> </article> <aside class="grid side"> <div class="sticky-container" data-sticky-container> <div class="sticky" data-sticky data-anchor="articleViewCon" data-dynamic-height="true" data-check-every="0" data-margin-top="5" data-sticky-on="large"> <!-- 편집패널 //--> <article class="box-skin idx--box "> <header class="header"><strong>많이 본 기사</strong></header> <section class="content"><style type="text/css"> #skin-19 > .item:not(:first-child) {margin-top:15px} #skin-19 .number, #skin-19 .auto-titles {float:left} #skin-19 .number {width:35px} #skin-19 .auto-titles {width:calc(100% - 35px)} </style> <div id="skin-19" class="auto-article"><div class="item"> <a href="/news/articleView.html?idxno=6018919" target="_top"> <strong class="number size-18 line-2x1 auto-fontA">1</strong> <span class="auto-titles size-15 line-4x2 auto-fontA onload">이찬원, 트로트가수 그만두나 “시험 봤으면 바로 합격” (불후)</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6018895" target="_top"> <strong class="number size-18 line-2x1 auto-fontA">2</strong> <span class="auto-titles size-15 line-4x2 auto-fontA onload">뉴진스 말고 유진스, ‘트롯 요정’ 전유진 생애 첫 화보</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6018798" target="_top"> <strong class="number size-18 line-2x1 auto-fontA">3</strong> <span class="auto-titles size-15 line-4x2 auto-fontA onload">♥안문숙과 핑크빛…임원희 “사랑은 갑작스럽게 찾아와”</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6018899" target="_top"> <strong class="number size-18 line-2x1 auto-fontA">4</strong> <span class="auto-titles size-15 line-4x2 auto-fontA onload">박서진, 대선배 임주리와 사돈 맺나…여행 핑계로 소개팅 (살림남)</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6018836" target="_top"> <strong class="number size-18 line-2x1 auto-fontA">5</strong> <span class="auto-titles size-15 line-4x2 auto-fontA onload">이경진, 유방암 완치했는데 또 투병 “갑자기 숨 안 쉬어져” (같이삽시다)</span> </a> </div> </div> </section> </article><div class="box-margins " style="margin-bottom:40px;"></div><article class="box-skin idx--box "> <header class="header"><strong>주요기사</strong></header> <section class="content"><style type="text/css"> #skin-20 > .item:not(:first-child) {margin-top:20px} #skin-20 .frame {width:60px} #skin-20 .content {display:block;width:auto;padding:9px 45px 9px 0} #skin-20 .auto-valign > .for-middle:first-child:nth-last-child(2) {display:inline-block;width:calc(100% - 60px);padding:0 18px 0 0} </style> <div id="skin-20" class="auto-article"><div class="item"> <a href="/news/articleView.html?idxno=6019097" target="_top" class="auto-valign"> <span class="content for-middle"> <em class="auto-titles size-16 line-4x2 auto-fontA onload">휘브 “1년 동안 성장한 우리들…이젠 더 멋진 아티스트 될 것” [스타@스타일]</em> </span><span class="frame line for-middle"> <em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/custom/20241130/6019097_82521_20_1732863721_100.jpg)"></em> </span></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019107" target="_top" class="auto-valign"> <span class="content for-middle"> <em class="auto-titles size-16 line-4x2 auto-fontA onload">“멋진 의상” 있지 채령 VS “나빠요” 정윤하 [스타@스캔]</em> </span><span class="frame line for-middle"> <em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/custom/20241130/6019107_82547_4710_1732866430_100.jpg)"></em> </span></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019067" target="_top" class="auto-valign"> <span class="content for-middle"> <em class="auto-titles size-16 line-4x2 auto-fontA onload">배현성, ‘박보검 닮은꼴’ 떼고 대세 믿보배로 우뚝 [스타@스타일]</em> </span><span class="frame line for-middle"> <em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/custom/20241130/6019067_82477_1135_1732806695_100.jpg)"></em> </span></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019064" target="_top" class="auto-valign"> <span class="content for-middle"> <em class="auto-titles size-16 line-4x2 auto-fontA onload">우정에 취한 이지아‧김고은 안 통했나, 위스키 보다 쓴 1%대 성적표 [스타@스캔]</em> </span><span class="frame line for-middle"> <em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/custom/20241130/6019064_82475_2759_1732789680_100.jpg)"></em> </span></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019029" target="_top" class="auto-valign"> <span class="content for-middle"> <em class="auto-titles size-16 line-4x2 auto-fontA onload">‘내한’ 램페이지 “닭한마리 좋아해, 절친 김재중·엔하이픈 제이와 협업했으면” [스타@스타일]</em> </span><span class="frame line for-middle"> <em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/custom/20241130/6019029_82409_254_1732698176_100.jpg)"></em> </span></a> </div> </div> </section> </article><div class="box-margins " style="margin-bottom:40px;"></div> <!--// 편집패널 --> </div> </div> </aside> </section> <!-- 편집패널 //--> <div class="clearfix"> </div> <!--// 편집패널 --> </div> <!-- footer //--> <div class="view-footer-group"> <div class="inner float-center" style="max-width:1200px"> <article class="item"> <!-- 편집패널 //--> <div class="clearfix"> <article class="box-skin idx--large "> <header class="header"><strong>이 시각 추천뉴스</strong></header> <section class="content"><style type="text/css"> #skin-21 > .item {margin-top:16px} #skin-21 > .item.large {margin-top:30px;margin-bottom:25px} #skin-21 > .item:first-child {margin-top:0} .auto-article ~ #skin-21 > .item:first-child {margin-top:30px} #skin-21 .auto-images {transition:transform .5s, -ms-transform .5s} #skin-21 a:hover .auto-images {-ms-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)} #skin-21 .frame {width:180px} #skin-21 .content {display:block} #skin-21 .frame + .content {display:inline-block;width:calc(100% - 180px);padding-left:18px} #skin-21 > .item.small .auto-titles {width:calc(100% - 180px);padding-right:30px} #skin-21 .byline {width:180px;font-size:0;white-space:nowrap;text-align:right} #skin-21 .byline > em {display:inline-block;position:relative;font-size:.8125rem;line-height:1;color:rgba(0,0,0,.6);vertical-align:middle} #skin-21 .byline > em:not(:first-child) {margin-left:.375rem;padding-left:.375rem} #skin-21 .byline > em:not(:first-child)::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.625rem;border-left:1px solid rgba(0,0,0,.12);-ms-transform:translateY(-50%);transform:translateY(-50%)} </style> <div id="skin-21" class="auto-article"><div class="item large"> <a href="/news/articleView.html?idxno=6019086" target="_top" class="auto-valign"><span class="frame line for-middle"> <em class="auto-images ratio-32" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202411/6019086_82510_948_v150.jpg)"></em> </span><span class="content for-middle"> <strong class="auto-titles size-25 weight-700 line-4x2 auto-fontA onload">[뷰티뉴스] 달바, 2년 연속 '올리브영 어워즈' 수상 기념 한정 기획세트 선보인다</strong> <em class="auto-sums martop-8 size-14 line-7x2 auto-fontK">달바가 ‘비건 톤업 선크림’ 올리브영 어워즈 2년 연속 수상을 기념해 한정 기획 세트를 출시한다.달바 ‘비건 톤업 선크림’은 SPF50+ / PA++++ 의 강력한 자외선 차단 기...</em> </span> </a> </div> <div class="item small"> <a href="/news/articleView.html?idxno=6018956" target="_top" class="auto-valign"> <span class="auto-titles for-middle size-18 line-4x1 auto-fontA onload">세정그룹, 부산 티셔츠 출시…지역 상생 이어간다</span> <span class="byline for-middle"> <em>패션뉴스</em> <em>박승현 기자</em> </span> </a> </div> <div class="item small"> <a href="/news/articleView.html?idxno=6018955" target="_top" class="auto-valign"> <span class="auto-titles for-middle size-18 line-4x1 auto-fontA onload">[패션뉴스] 나우, ‘콰이어트 아웃도어’ 출시</span> <span class="byline for-middle"> <em>패션뉴스</em> <em>박승현 기자</em> </span> </a> </div> <div class="item small"> <a href="/news/articleView.html?idxno=6018888" target="_top" class="auto-valign"> <span class="auto-titles for-middle size-18 line-4x1 auto-fontA onload">[뷰티뉴스] 달바 비건 미스트 세럼, 日 앳코스메 랭킹 1위</span> <span class="byline for-middle"> <em>뷰티뉴스</em> <em>황연도 기자</em> </span> </a> </div> <div class="item small"> <a href="/news/articleView.html?idxno=6018810" target="_top" class="auto-valign"> <span class="auto-titles for-middle size-18 line-4x1 auto-fontA onload">[패션뉴스] 폴햄, 무브 다운 출시…AI와 만났다</span> <span class="byline for-middle"> <em>패션뉴스</em> <em>박승현 기자</em> </span> </a> </div> </div> </section> </article> </div> <!--// 편집패널 --> </article> <article class="item"> <!-- 편집패널 //--> <div class="clearfix"> <article class="box-skin idx--small "> <header class="header"><strong>포토뉴스</strong></header> <section class="content"><style type="text/css"> #skin-22 {overflow:hidden;position:relative;height:0;padding-bottom:100%} #skin-22 #for-22 {overflow:hidden;position:absolute;z-index:10;left:25%;top:25%;width:calc(75% - 1px);height:0;padding-bottom:calc(75% - 1px)} #skin-22 #for-22 > .item {position:relative} #skin-22 #nav-22 {position:absolute;z-index:1;width:100%;height:100%} #skin-22 #nav-22 > .item {position:absolute;z-index:1;width:calc(25% - 1px);opacity:.5;filter:alpha(opacity=50);cursor:pointer} #skin-22 #nav-22 > .item.active {opacity:1;filter:alpha(opacity=100)} #skin-22 #nav-22 > .item.active .frame::before {border-width:3px;border-color:#000} #skin-22 #nav-22 > .item.nav-1 {left:0;top:0} #skin-22 #nav-22 > .item.nav-2 {left:25%;top:0} #skin-22 #nav-22 > .item.nav-3 {left:50%;top:0} #skin-22 #nav-22 > .item.nav-4 {left:75%;top:0} #skin-22 #nav-22 > .item.nav-5 {left:75%;top:25%} #skin-22 #nav-22 > .item.nav-6 {left:75%;top:50%} #skin-22 #nav-22 > .item.nav-7 {left:75%;top:75%} #skin-22 #nav-22 > .item.nav-8 {left:50%;top:75%} #skin-22 #nav-22 > .item.nav-9 {left:25%;top:75%} #skin-22 #nav-22 > .item.nav-10 {left:0;top:75%} #skin-22 #nav-22 > .item.nav-11 {left:0;top:50%} #skin-22 #nav-22 > .item.nav-12 {left:0;top:25%} </style> <div id="skin-22" class="auto-article"><div id="for-22"><div class="item"> <a href="/news/articleView.html?idxno=6019116" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202411/6019116_82565_2950.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">줄리엔강, 64kg ♥박지은 살 뺄 걱정에 “넌 몸짱이야” 격려</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019115" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202411/6019115_82563_1633.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">‘나솔’ 10기 정숙, 팜므파탈 돌싱되나 “2명과 데이트하면 안 돼?”</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019114" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202411/6019114_82561_16.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">안정환♥이혜원, 뽀뽀를 어떻게 하길래 “뽀뽀하면 초콜릿향 난다”(가보자GO)</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019113" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202411/6019113_82559_486.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">유재석, ‘놀뭐’ 녹화 중 불만…“이렇게까지 해야 해?”</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019112" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202411/6019112_82557_2439.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">“드디어 잘 수 있을까”…고준, 수면 장애 극복 도전 (나혼산)</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019111" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202411/6019111_82555_4717.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">기쁨 대신 사과…정우성, ‘아들’ 입에 올린 ‘아버지’ 책임감</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019109" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202411/6019109_82554_1856.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">트와이스가 미리 준비한 크리스마스 선물</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019101" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202411/6019101_82540_106.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">쇼핑 큰 손 채정안 “목돈 생기면 금투자…한방에 1200만 원 날려”</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019105" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202411/6019105_82544_1211.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">엄지원, 이혼 후 혼자 살았던 신혼집 떠난다 “11년간 행복해”</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019100" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202411/6019100_82538_911.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">한지민, 10살 어린 ♥최정훈 열애 인정 후 “요즘 너무 좋다”</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019104" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202411/6019104_82542_1116.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">‘나솔’ 15기 광수♥옥순, 신축 아파트로 또 이사 “하자가 굉장히 많아”</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019099" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202411/6019099_82536_85.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">‘♥박성광’ 이솔이, 15억 원 집 이사 후 반성 “그동안 사치 많이해”</span> </span> </a> </div> </div> <div id="nav-22"><div class="item auto-cursor nav-1 active"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202411/6019116_82565_2950_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-2"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202411/6019115_82563_1633_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-3"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202411/6019114_82561_16_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-4"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202411/6019113_82559_486_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-5"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202411/6019112_82557_2439_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-6"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202411/6019111_82555_4717_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-7"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202411/6019109_82554_1856_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-8"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202411/6019101_82540_106_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-9"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202411/6019105_82544_1211_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-10"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202411/6019100_82538_911_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-11"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202411/6019104_82542_1116_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-12"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202411/6019099_82536_85_v150.jpg)"></em></span> </div> </div> </div><script type="text/javascript"> function mosaic_autobox(data) { var $_container = $(data[0].container); var autoplay = data[0].autoplay; var autotime = data[0].autotime; var temp_autoplay = autoplay; var totalcount = $_container.find('#nav-22 > .item').length; var point = 0; $_container.on('mouseenter', '.auto-cursor', function(e){ mosaic_cmd('current', $(this).index()); }); $_container.on('mouseenter', function(e){ if(autoplay) temp_autoplay = false; }).on('mouseleave', function(e){ if(autoplay) temp_autoplay = true; }); if(autoplay) { var rolling = window.setInterval(function () { if(temp_autoplay) mosaic_cmd('next', 0); }, autotime); } function mosaic_cmd(mode, current_point) { if(mode == "prev") { point -= 1; if(point < 0) point = totalcount - 1; }else if(mode == "next") { point += 1; if(point >= totalcount) point = 0; }else if(mode == "current") { point = current_point; } $_container.find('#for-22 > .item').eq(point).show().siblings().hide(); $_container.find('#nav-22 > .item').eq(point).addClass('active').siblings().removeClass('active'); if(point < 3){ $_container.find('#for-22').css({"left":"25%","top":"25%"}); } else if(point < 6 && point >= 3) { $_container.find('#for-22').css({"left":"0","top":"25%"}); } else if(point < 9 && point >= 6) { $_container.find('#for-22').css({"left":"0","top":"0"}); } else if(point >= 9) { $_container.find('#for-22').css({"left":"25%","top":"0"}); } return false; } } (function() { //설정값 var data = [{ container:"#skin-22", autoplay:true, autotime:3000 }]; //초기실행 mosaic_autobox(data); })(); </script> </section> </article> </div> <!--// 편집패널 --> </article> </div> </div> <!--// footer --> </div> </div> </section> <!--// container --> </div> <style type="text/css"> #user-footer.type-24 {padding:50px 20px 80px;margin:1.875rem 0 0;background-color:#fff} #user-footer.type-24 > .inner {position:relative;margin:0 auto} /* navgation */ #user-footer.type-24 .footer-nav {margin:0 auto 1.875rem;font-size:0;text-align:left} #user-footer.type-24 .footer-nav > a {display:inline-block;overflow:hidden;margin-right:1.375rem;padding:0;font-size:.9375rem;font-weight:bold;line-height:1.375;color:rgba(0,0,0,.7)} #user-footer.type-24 .footer-nav > a:last-child {margin-right:0} /* gnb */ #user-footer.type-24 .footer-gnb {display:table;width:100%;table-layout:fixed} #user-footer.type-24 .footer-gnb > .gnb-cell {display:table-cell;width:100%;font-size:0;vertical-align:top} #user-footer.type-24 .footer-gnb > .gnb-cell.text-right {width:200px;padding-left:50px} /* logo */ #user-footer.type-24 .footer-gnb .user-logo {float:none;display:inline-block;margin:0;font-size:0} /* address */ #user-footer.type-24 .address {display:block;margin:0;padding:0;list-style:none} #user-footer.type-24 .address::after {content:'';display:table;clear:both} #user-footer.type-24 .address > li {float:left;font-size:.75rem;font-weight:lighter;line-height:1.625;color:#858585} #user-footer.type-24 .address > li::before {content:'';display:inline-block;overflow:hidden;width:0;height:.688rem;margin:0 .625rem;border-left:1px solid rgba(0,0,0,.15)} #user-footer.type-24 .address > li.clear {margin-left:0;clear:both} #user-footer.type-24 .address > li.copy {font-size:.813rem;color:#555} #user-footer.type-24 .address > :first-child::before, #user-footer.type-24 .address > li.clear::before {content:normal} #user-footer.type-24 .address a {color:inherit;text-decoration:none} </style> <!-- footer //--> <footer id="user-footer" class="type-24"> <div class="inner float-center width-1200"> <h2 class="show-for-sr">하단영역</h2> <nav class="footer-nav"> <h3 class="show-for-sr">하단메뉴</h3> <a href="/com/com-1.html">매체소개</a> <a href="http://www.atstar1.com/com/jb.html">기사제보</a> <a href="http://www.atstar1.com/com/ad.html">광고문의</a> <a href="/com/service.html">이용약관</a> <a href="/com/privacy.html" class="user-point">개인정보처리방침</a> <a href="/com/youthpolicy.html">청소년보호정책</a> <a href="/com/copyright.html">저작권보호정책</a> <a href="/com/emailno.html">이메일무단수집거부</a> <!-- <a href="/rss/">RSS</a> --> </nav> <article class="footer-gnb"> <div class="gnb-cell text-left"> <h3 class="show-for-sr">매체정보</h3> <ul class="address"> <li>서울특별시 강남구 학동로336, 6층(논현동, 메이트리빌딩) </li> <li>대표전화 : 02-544-7200</li> <li class="clear">법인명 : 스타일도어(주)</li> <li>제호 : 앳스타일</li> <li>등록번호 : 서울 아 01959</li> <li>발행일 : 2012년 3월 21일 </li> <li>등록일 : 2012-02-01</li> <li class="clear">발행인 : 이재환</li> <li>편집인 : 이재환 김소라</li> <li>청소년보호책임자 : 김소라</li> <li class="copy clear martop-20"> C<a href="http://www.atstar1.com/admin/adminLoginForm.html" tabindex="-1">o</a>pyright © 2024 앳스타일. <a href="http://www.atstar1.com/news/articleView.html?idxno=6015792" onclick="setCookie('view_pc', 'n', 1);" tabindex="-1">All</a> rights reserved. mail to <a href="mailto:darm1009@gmail.com">darm1009@gmail.com</a> </li> </ul> </div> <div class="gnb-cell text-right"> <h6 class="user-logo"><img src="https://cdn.atstar1.com/image/logo/downlogo_20240729053134.png" alt="앳스타일" /></h6> </div> </article> <a href="http://www.ndsoft.co.kr/" target="_blank" class="ndsoft"><img src="https://cdn.atstar1.com/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:#000} .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:#000} .user-canvas .user-canvas-navs .menu li ul.menu.nested li a:hover {color:#000} </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">STAR</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=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> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N2&view_type=sm" target="_top">FASHION & BEAUTY</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=S2N3&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> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N3&view_type=sm" target="_top">ENTERTAINMENT</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=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> <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> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N4&view_type=sm" target="_top">LIFE & CULTURE</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=S2N11&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> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N5&view_type=sm" target="_top">MEDIA</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">VIDEO</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N18&view_type=sm" target="_top">PHOTO</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N19&view_type=sm" target="_top">BEHIND CUT</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N6&view_type=sm" target="_top">COMMUNITY</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=S2N20&view_type=sm" target="_top">편집인레터</a> </li> </ul> </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> <!-- 구글 애드센스 S --> <script src="https://cdn.atstar1.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="https://cdn.atstar1.com/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