CINXE.COM

<!doctype html> <html class="no-js" lang="ko" dir="ltr"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=1200"> <meta name="apple-mobile-web-app-title" content="앳스타일" />  <meta name="description" content="인터넷 신문"/> <meta property="og:title" content="앳스타일"/> <meta property="og:site_name" content="앳스타일"/> <meta property="og:image" content="http://www.atstar1.com/image/logo/snslogo_20240729053134.png" /> <meta property="og:url" content="http://www.atstar1.com" /> <meta property="og:description" content="인터넷 신문" /> <meta name="twitter:card" content="summary"/> <meta name="twitter:title" content="앳스타일"/> <meta name="twitter:description" content="인터넷 신문"/> <meta name="twitter:image:src" content="http://www.atstar1.com/image/logo/snslogo_20240729053134.png"/>  <link rel="shortcut icon" href="https://cdn.atstar1.com/image/logo/favicon.ico"> <title>책 < LIFE & CULTURE < 기사목록 - 앳스타일</title> <link rel="canonical" href="http://www.atstar1.com" /> <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>  <script type="text/javascript"> $(document).ready(function(e) { // 이미지맵 $('img[usemap]').rwdImageMaps(); bannerpop.banner(".banner_event_box"); // 기능성배너 이벤트 bannerpopMulti.bannerLoad(); // 멀티 기능성 배너 이벤트 // 기사뷰 이미지관련 // 기사본문 부분 복사하기 저작권 표시 $('#article-view-content-div').on('copy', function(e){ var sel = window.getSelection(); var copyFooter = "<br/><br/>출처 : 앳스타일(http://www.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 = 1732845327; // 즐겨찾기 스크립트 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>  <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>  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3211516744310540" crossorigin="anonymous"></script>  <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>  <div class="off-canvas-wrapper"> <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper> <div class="off-canvas-content" data-off-canvas-content>  <div id="user-wrap" class="min-width-1200"> <div id="user-wrapper">  <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/articleList.html" data-multi-code="">  <div id="user-gnb"> <div class="mode-inner">  <div class="updated">편집 : 2024-11-29 10:52 (금) </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> </header>   <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>  <style type="text/css"> /* edit skin css START */ #user-section {display:block;margin:0 auto;padding-top:5.625rem} #user-section .grid-wrap {display:table;width:100%;table-layout:fixed} #user-section .grid-wrap > .grid {display:table-cell;width:100%;vertical-align:top} #user-section .grid-wrap > .grid.body {padding-right:3.75rem} #user-section .grid-wrap > .grid.side {width:360px;background-color:#f9f9f9} #user-section .grid.side .sticky {width:100%;padding:1.875rem} #article-view.default05 .grid.side .sticky::after {content:'';display:table;clear:both} #user-section .grid-wrap > .grid.side .edit-level1, #user-section .grid-wrap > .grid.side .edit-level1 .edit-contents {background:initial} @media screen and (max-width: 63.9375em) { .row #user-section {padding-top:0} .row #user-section .sticky-container {height:auto !important} .row #user-section .sticky {position:static !important;top:auto !important;bottom:auto !important;max-width:none !important;margin:0 !important} .row #user-section .grid-wrap, .row #user-section .grid-wrap > .grid {display:block;width:auto} .row #user-section .grid-wrap {table-layout:initial} .row #user-section .grid-wrap > .grid {vertical-align:initial} .row #user-section .grid-wrap > .grid.body {padding-right:0} #user-wrap .row #user-section .grid-wrap > .grid.side {margin-left:-1.25rem;margin-right:-1.25rem} .row #user-section .grid.side .sticky {padding-left:1.25rem;padding-right:1.25rem} } /* section */ #user-section #sections {margin-top:-5.625rem;margin-bottom:3.25rem} #admin-wrap #user-section #sections {margin-top:0} #user-section #sections .header {margin-right:-420px} #admin-wrap #user-section #sections .header {margin-right:0;padding-bottom:.75rem;border-bottom:2px solid #333} #user-section #sections .header > .titles, #user-section #sections .header > .view-type {vertical-align:bottom} #user-section #sections .header > .titles {font-size:2.875rem;font-weight:700;font-weight:var(--wgt700, 700);line-height:1;letter-spacing:-.05em;white-space:nowrap} #user-section #sections .view-type-group {display:block;font-size:0;white-space:nowrap} #user-section #sections .view-type-group > .type {font-size:1.375rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.375;letter-spacing:-.025em;color:rgba(0,0,0,.25)} #user-section #sections .view-type-group > .type.active {font-weight:500;font-weight:var(--wgt500, 500);color:#000} #user-section #sections .view-type-group > .type:not(:first-child) {margin-left:1.875rem} @media screen and (max-width: 63.9375em) { .row #user-section #sections {margin-top:0} .row #user-section #sections .header {margin-right:0} } @media screen and (max-width: 39.9375em) { .row #user-section #sections .header {text-align:center} .row #user-section #sections .header > .titles, .row #user-section #sections .header > .view-type {display:block;width:auto;vertical-align:initial} .row #user-section #sections .header > .titles {margin-bottom:1.375rem;font-size:2.375rem} .row #user-section #sections .view-type {text-align:inherit} .row #user-section #sections .view-type-group > .type {font-size:1.125rem} } /* list(type1) */ #user-section #section-list .type1 .byline, #user-section #section-list .type1 .titles {float:left} #user-section #section-list .type1 .byline {width:120px;margin:0} #user-section #section-list .type1 .byline > em {display:block;overflow:hidden;margin-left:0;padding-left:0;font-size:.8125rem;font-style:normal;line-height:1.625;letter-spacing:-.025em;color:#a7a7a7;border-left:0;white-space:nowrap;text-overflow:ellipsis} #user-section #section-list .type1 .titles {overflow:hidden;width:calc(100% - 120px);font-size:1.125rem;white-space:nowrap;text-overflow:ellipsis} #user-section #section-list .type1 .titles > i[class^="icon-"] {margin-left:.375rem;font-size:.8em;color:rgba(0,0,0,.35)} @media screen and (max-width: 39.9375em) { .row #user-section #section-list .type1 .byline, .row #user-section #section-list .type1 .titles {float:none;width:auto} .row #user-section #section-list .type1 .byline {display:block} } /* list(type2) */ #user-section #section-list .type2 .byline, #user-section #section-list .type2 .views {float:left} #user-section #section-list .type2 .byline {width:120px;margin:0} #user-section #section-list .type2 .byline > em {display:block;overflow:hidden;margin-left:0;padding-left:0;font-size:.8125rem;line-height:1.625;letter-spacing:-.025em;border-left:0;white-space:nowrap;text-overflow:ellipsis} #user-section #section-list .type2 .byline > em:not(:first-child) {margin-top:.375rem} #user-section #section-list .type2 .views {width:calc(100% - 120px)} #user-section #section-list .type2 .thumb {width:120px;height:80px} #user-section #section-list .type2 .thumb + .view-cont {width:calc(100% - 120px)} #user-section #section-list .type2 .titles {font-size:1.25rem} #user-section #section-list .type2 .lead {font-size:.875rem;font-weight:300;font-weight:var(--wgt300, 300);color:rgba(0,0,0,.65)} #user-section #section-list .type2 .lead > a {color:inherit;text-decoration:none} @media screen and (max-width: 39.9375em) { .row #user-section #section-list .type2 .byline, .row #user-section #section-list .type2 .views {float:none;width:auto} .row #user-section #section-list .type2 .byline {display:none} .row #user-section #section-list .type2 .thumb {width:auto} .row #user-section #section-list .type2 .thumb + .view-cont {float:none;width:auto;padding-left:0} } /* list(type photo) */ #user-section #section-list .type-photo {display:block;padding:0;margin:0;list-style:none} #user-section #section-list .type-photo::after {content:'';display:table;clear:both} #user-section #section-list .type-photo > li {float:left;width:calc(33.33333% - 20px);margin-left:30px;margin-top:30px} #user-section #section-list .type-photo > li:nth-child(3n + 1) {margin-left:0;clear:both} #user-section #section-list .type-photo > li:nth-child(-n + 3) {margin-top:0} #user-section #section-list .type-photo .thumb {display:block;overflow:hidden;position:relative;height:0;padding-bottom:66.66667%;margin-bottom:.875rem;font-size:0} #user-section #section-list .type-photo .thumb::before {content:'';position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;background:none;border:1px solid rgba(0,0,0,.08)} #user-section #section-list .type-photo .thumb > img {position:absolute;z-index:1;left:50%;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)} #user-section #section-list .type-photo .view-cont {display:block} #user-section #section-list .type-photo .thumb + .view-cont {padding-right:1.25rem} #user-section #section-list .type-photo .byline {display:block;margin-bottom:.375rem;font-size:.8125rem;font-style:normal;line-height:1.125;color:#a7a7a7} #user-section #section-list .type-photo .byline > a {color:inherit;text-decoration:none} #user-section #section-list .type-photo .titles {font-size:1.125rem;font-weight:700;font-weight:var(--wgt700, 700);line-height:1.375;color:#000} #user-section #section-list .type-photo .titles > a {color:inherit} #user-section #section-list .type-photo .lead {display:block;padding:0;margin:1rem auto 0;font-size:.875rem;font-weight:300;font-weight:var(--wgt300, 300);color:#888} #user-section #section-list .type-photo .lead > a {display:block;overflow:hidden;max-height:8.125em;line-height:1.625;color:inherit;text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:5} @media screen and (max-width: 39.9375em) { .row #user-section #section-list .type-photo > li {width:calc(50% - .625rem);margin-left:1.25rem;margin-top:1.25rem} .row #user-section #section-list .type-photo > li:nth-child(2n + 1) {margin-left:0;clear:both} .row #user-section #section-list .type-photo > li:nth-child(3n + 1) {clear:inherit} .row #user-section #section-list .type-photo > li:nth-child(-n + 2) {margin-top:0} } /* edit skin css END */ </style> <div id="user-section" style="max-width:1200px">  <div class="clearfix"> </div>  <div id="anchorCon" class="grid-wrap"> <section class="grid body">  <div class="clearfix"> </div>   <div id="sections"> <section class="section-body">  <header class="header"> <h3 class="titles"> 책 </h3> <div class="view-type"> <h3 class="show-for-sr">기사목록 보기 형태</h3> <div class="view-type-group"> <a href="/news/articleList.html?page=1&total=18&sc_section_code=&sc_sub_section_code=S2N15&sc_serial_code=&sc_area=&sc_level=&sc_article_type=&sc_view_level=&sc_sdate=&sc_edate=&sc_serial_number=&sc_word=&box_idxno=&sc_multi_code=&sc_is_image=&sc_is_movie=&sc_user_name=&sc_order_by=E&view_type=sm" class="type active">기본보기</a> <a href="/news/articleList.html?page=1&total=18&sc_section_code=&sc_sub_section_code=S2N15&sc_serial_code=&sc_area=&sc_level=&sc_article_type=&sc_view_level=&sc_sdate=&sc_edate=&sc_serial_number=&sc_word=&box_idxno=&sc_multi_code=&sc_is_image=&sc_is_movie=&sc_user_name=&sc_order_by=E&view_type=tm" class="type">사진보기</a> <a href="/news/articleList.html?page=1&total=18&sc_section_code=&sc_sub_section_code=S2N15&sc_serial_code=&sc_area=&sc_level=&sc_article_type=&sc_view_level=&sc_sdate=&sc_edate=&sc_serial_number=&sc_word=&box_idxno=&sc_multi_code=&sc_is_image=&sc_is_movie=&sc_user_name=&sc_order_by=E" class="type">제목만 보기</a> </div> </div> </header>   <section id="section-list"> <ul class="type2"> <li> <span class="byline"> <em>24.10.25 11:53</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6018150" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202410/6018150_80805_5244_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6018150" target="_top">‘청춘 조용필’ 가왕 조용필의 모든 것을 기록하다</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6018150" target="_top"> 조용필의 청년 시절을 집중 조명한 평전 ‘청춘 조용필’이 출간됐다.‘청춘 조용필’은 홍성규 작가가 1988년 신참 가요 기자 시절부터 10년 넘게 친분을 쌓고, 수많은 인터뷰와 만남을 통해, 그를 지켜본 생생한 기억을 담았다.홍성규 작가는 책의 주제에 대해 “오마쥬 조용필”이라고 밝혔다. ‘청춘 조용필’이라는 제목은 세월은 흘러도, 늘 새로움을 추구하는 조용필의 젊은 도전 정신을 상징한다. 오랜 기간 곁을 지켜온 팬들의 의견을 고려해 정했다.작가는 집필의 계기에 대해 “2013년 ‘바운스’와 ‘헬로’ 이후 10년만에 2022년 신곡 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>24.08.27 11:23</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6016283" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202408/6016283_77446_2044_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6016283" target="_top">팬데믹 시대, 면역이 답이다…‘박테리오파지Ⅱ’ 출간</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6016283" target="_top"> 코로나19 팬데믹을 겪으면서 바이러스의 영향력이 확인됐다. 바이러스뿐만이 아니다. 어떤 항생제로도 치료가 불가능한 ‘수퍼박테리아(항생제 내성균)’도 인류의 생존을 위협하고 있다. 수퍼박테리아와 바이러스로부터 인류를 구할 수 있는 근본적인 방법은 무엇일까? 국내 바이오 기업 인트론바이오는 ‘박테리오파지’에 그 해답이 있다고 말한다. 이 책은 ‘박테리오파지Ⅰ’의 후속편이자 박테리오파지에 대한 인트론바이오의 연구보고서다. 면역과 관련된 ‘AD기술시대’에 좀 더 초점을 맞췄으며, 코로나19와 같은 인플루엔자 바이러스에 대한 이야기도 등장한 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>24.08.27 10:25</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6016273" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202408/6016273_77435_1933_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6016273" target="_top">엔화 갑자기 왜 오른걸까?…‘세상 친절한 환율수업’ 출간</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6016273" target="_top"> 최근 환율이 심상치 않다. 치솟는 원달러 환율에 오랫동안 저공행진할 것 같았던 엔화는 야금야금 오르고, 미국 중앙은행의 결정과 미국 내의 정치적 상황에 따라 달러가 움직이고 그에 따라 전 세계 경제가 출렁인다. 수출기업의 매출은 좋다는데 월급은 그대로고 물가는 올라 생활은 팍팍해지는가 하면, 해외 주식은 많이 올라 기분은 좋다. 환율이라는 숫자 하나에 울고 웃는 게 세계 경제 시대를 살아가는 우리의 운명이라면 그 원리를 이해하고 흐름을 살피는 것이 필요하다.이 책은 국내 경제 뿐만 아니라 해외 정치 이슈에서까지 영향을 받는 환율의 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>24.08.27 09:36</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6016262" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202408/6016262_77421_1955_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6016262" target="_top">우리 아이 어휘력 괜찮은걸까…‘내 아이를 위한 어휘력 수업’ 출간</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6016262" target="_top"> 아이가 옹알이를 시작하고 대화가 가능해지는 시기가 오면 혹 나의 자녀가 또래보다 언어 발달이 느린 건 아닌지 조바심을 내는 부모들이 있다. 어휘력은 태어나면서부터 발달하기 때문에 부모와 어떻게 상호작용을 하며 자랐는지에 따라 아이의 어휘력 발달은 큰 개인차가 생긴다. 이 책에서는 어휘력이 왜 중요한지, 아이들은 어떻게 어휘를 배우고, 그에 따라 부모가 어떻게 어휘 지도를 해야 하는지를 아이의 성장 시기별로 알려준다. 어휘력이 높은 아이로 키우는 5가지 방법에 대한 구체적인 가이드라인도 제공한다. 더불어 많은 부모들이 궁금해하는 내용 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>24.08.14 11:59</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6015871" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202408/6015871_76739_5650_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6015871" target="_top">정신과전문의가 알려주는 ‘나를 사랑하는 방법’…‘자해하는 자기애’ 출간</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6015871" target="_top"> “나는 쓸모없고 못났어”, “나는 정말 가치 없는 인간이야”처럼 스스로에게 자꾸 부정적인 말을 던지는 이들이 있다. 이 책은 습관화된 자기부정과 자기비난의 배경에 자기애가 있다는 사실을 밝히고, 이런 불건강한 현상이 등장하게 된 현대사회의 맥락을 다양한 사례를 통해 읽어낸다. 저자인 사이토 타마키는 30년 넘게 임상 현장에서 은둔형 외톨이를 진료해온 정신과전문의다. 그가 새롭게 소개하는 ‘자상적 자기애’는 자신을 너무 사랑한 나머지 스스로를 보호하기 위해 자신을 상처 내는 자기애를 말한다. 저자는 SNS 시대에서 필연적으로 남의 인 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>24.08.14 11:47</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6015869" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202408/6015869_76736_4255_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6015869" target="_top">주식 투자의 일급 노하우…‘챔피언처럼 생각하고 거래하라’ 출간</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6015869" target="_top"> 이제 막 주식시장에 입문한 사람이 아닌 이상 본인만의 투자 규칙은 있을 것이다. PER이 낮은 주식을 산다든가, 어느 이동평균선에 주가가 걸치면 산다든가 하는 것이다. 주식시장에 정답은 없고, 모두에게 통용되는 방식이란 존재하지 않는다. 그래서 수많은 투자 고수가 각자의 방식을 찾아 나서라고 말한다.이 책에는 성공 투자를 위한 포지션 규모 세팅 뿐 아니라 정교한 매수법과 더불어 저자 마크 미너비니가 실전에서 적용해 온 매도 플랜 노하우가 담겨있다. 장기적인 수익을 위해 단기적으로 이익을 내는 주식들을 얼마나 오래 보유할지, 주가가 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>24.08.14 11:28</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6015868" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202408/6015868_76735_2635_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6015868" target="_top">꿈을 찾는 이들에게 전하는 위로…‘내일은 비걸’ 출간</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6015868" target="_top"> 누가 꿈이 무엇인지 물었을 때 자신 있게 자기 계획을 펼치는 사람이 있는가 하면 아직 뚜렷한 꿈이나 목표가 없어서 대답을 주저하는 사람이 있다. 누가 옳고 그르다고 할 순 없다. 인생에는 정답이 없고, 꿈은 얼마든지 바뀌기 마련이다.초등 배구 선수 바다는 부진한 성적으로 힘들어하다 어렵게 얻은 기회에서 자신의 실수로 팀이 패하자 큰 충격과 함께 선수 생활을 접는다. 이제 무얼 해야 할지 몰라 고민하는 바다에게 비걸 나혜라의 팬인 초록이가 ‘브레이킹’이라는 관심사를 공유하며 함께 초등 브레이킹 동아리에 가입하자고 제안한다. 그렇게 청 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>24.08.12 11:24</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6015792" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202408/6015792_76592_1814_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6015792" target="_top">알츠하이머의 근본적 치료를 위한 20년…‘알츠하이머 정복’ 출간</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6015792" target="_top"> 전 세계적으로 약 5천만 명의 환자가 고통 받고 있는 ‘알츠하이머’는 암처럼 아직 치료법이 없다. 알츠하이머는 1907년 독일의 의사 알로이스 알츠하이머에 의해 처음 보고되었으며, 치매를 일으키는 가장 흔한 퇴행성 질환으로 아밀로이드 베타의 축적을 원인으로 보고 있다.100개국 이상에서 승인된 알츠하이머 치료제 ‘아리셉트’는 근본적인 치료제는 아니기에 병의 진행을 완전히 막을 수는 없으나, 신경 전달 물질을 증가시키고 탈락해 나가는 신경 세포의 신호를 활성화시킴으로써 증상을 완화시킨다. 이 약은 최초의 알츠하이머 치료제였지만 대증요 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>24.08.12 11:06</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6015789" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202408/6015789_76589_418_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6015789" target="_top">지나간 역사를 현재로…황모과 신작 ‘그린 레터’ 출간</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6015789" target="_top"> 역사를 화소로 삼아 말과 국가를 잃은 이들의 이야기에 꾸준히 천착해온 황모과 작가가 새로운 디아스포라 SF 소설 ‘그린 레터’를 선보인다. 이 책은 얼음산국에서 연구원으로 일하는 ‘이륀’이 사람의 메시지를 잎맥에 새기는 식물 ‘비티스디아’를 해독하며 자신의 뿌리인 쿠진족의 발자취를 따라가는 과정을 그렸다.‘그린 레터’의 많은 부분은 실재에서 착안했다. 잎을 편지로 선물하는 것은 중국 징포족의 문화를 모티브로 하여 변형했고, ‘그린 레터’라는 제목은 미국 비자 신청 시 서류 미비 등의 이유로 발급 거절을 통지하는 용지를 ‘그린 레터’ </a> </p> </div> </div> </li> <li> <span class="byline"> <em>24.08.12 10:53</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6015788" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202408/6015788_76586_4913_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6015788" target="_top">반려동물과 이별하는 방법…‘언젠가 찾아올 그날을 위하여’ 출간</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6015788" target="_top"> 반려동물을 키우는 사람이라면 누구나 알고 있는 예정된 이별. 그러나 실제로 ‘그날’을 맞고서야 이별에 아무런 준비가 되지 않았음을 깨닫는다. 반려동물을 잃은 직후 느끼는 슬픔과 상실감 같은 정신적 고통을 ‘펫 로스’라 한다.이 책에는 펫 로스와 관련된 사람들과 진행한 인터뷰와 설문 조사 결과가 풍부하게 수록되어 있다. 반려묘가 세상을 떠난 이후 섭식 장애를 앓게 된 연예인, 반려견을 잃고 10년 이상 마음이 멈춰 버린 여성, 미국의 펫 로스 사례, 반려동물의 죽음을 일상적으로 마주하는 장례업자 등의 사례가 공감과 위로를 불러일으킨다 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>24.07.10 11:34</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6014608" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202407/6014608_74465_3110_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6014608" target="_top">투자를 라면 끓이듯 쉽게…‘인생을 바꾸는 봉지라면 재테크’ 출간</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6014608" target="_top"> 투자도 봉지라면 끓이듯 쉽고 간편하게 할 수 없을까?‘인생을 바꾸는 봉지라면 재테크’는 복잡한 투자 개념을 쉽게 풀어 투자에 대한 두려움과 어려움을 덜어주고, 누구나 간편하게 투자를 실천할 수 있도록 도와주는 재테크 가이드다.저자 김광주는 투자 개념을 ‘봉지라면’에 비유해 투자 초보자도 쉽게 접근할 수 있는 투자 전략을 설명한다. 독자들은 ‘봉지라면 내비게이터’와 ‘투자자 유형 분석’을 통해 자신에게 맞는 투자 전략을 세우고, 투자 목적과 기간에 따라 최적의 투자 방법을 확인할 수 있다.이 책은 총 4장으로 이루어져 있다. 1장에서 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>24.07.10 11:17</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6014607" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202407/6014607_74462_1250_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6014607" target="_top">‘지중해의 보석’ 튀니지를 아시나요…‘있는 그대로 튀니지’ 출간</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6014607" target="_top"> ‘나의 첫 다문화 수업’ 시리즈가 튀니지를 주제로 새로운 이야기를 선보인다.튀니지는 멀고 낯선 나라지만 ‘지중해의 보석’으로 알려질 만큼 다채로운 자연경관과 카르타고, 로마, 이슬람 등 유서 깊은 문화유산이 풍부한 나라다. ‘아랍의 봄’의 발원지로 북아프리카의 미래를 선도하며 아랍 문화권에서 유일하게 민주화에 성공한 나라이기도 하다.서울대학교병원 응급의료연구실의 연구원이었던 저자 오영진은 2009년~2011년 민주화 혁명이 정점에 달했던 시기 한국국제협력단 소속으로 튀니지에서 파견 근무하며 튀니지와 연을 맺게 되었다. 정보의 불균형 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>24.07.10 10:46</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6014605" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202407/6014605_74459_4155_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6014605" target="_top">“나를 갉아먹는 관계에서 살아남자”…‘누구도 나를 함부로 대할 수 없습니다’ 출간</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6014605" target="_top"> 최근 미디어에 심심치 않게 등장하며 논란을 일으키는 ‘가스라이팅’, ‘갑질’, ‘분노’, ‘직장 내 괴롭힘’, ‘따돌림’, ‘아동 학대’ 등의 단어를 통해 나르시시스트가 언급되고 있다. 이 책은 이런 나르시시스트들 때문에 삶이 괴로운 사람들을 위한 생존 전략서다. 분명 자신의 잘못이나 문제가 아닌데도 자꾸 자책하고 더 노력하려 애쓰는 사람들에게 더 이상 그 자리에 머물지 말라고 명확하게 짚어준다. 이 책의 저자인 라마니 박사는 불안 장애, 우울증, 심장병 등 수많은 정신적, 신체적 증상으로 자신의 병원을 찾은 내담자들의 공통점이 바 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>24.07.09 17:32</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6014588" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202407/6014588_74426_2828_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6014588" target="_top">안은영 작가, 첫 자연 에세이 ‘안녕, 나의 아름다운 미물들’ 출간</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6014588" target="_top"> 40만 독자를 사로잡은 안은영 작가의 첫 자연 에세이가 나왔다.‘안녕, 나의 아름다운 미물들’에는 우연한 기회에 누에나방 애벌레를 키우게 된 안은영 작가의 이야기가 담겼다. 안은영 작가는 기자 생활 중 번아웃을 경험하고 퇴직한 후, 숲에서 자연스레 숨을 쉬는 자신을 발견하고 숲해설가가 되었다. 그리고 어느덧 7년 차. 우연히 누에 집사가 되어 누에와 사랑에 빠지며 그들의 여름 한살이를 기록하게 된다. 작가는 누에를 통해 자신의 일상과 변화한 삶의 가치관을 고스란히 내보인다. 그런 점에서 이 책은 누에 관찰 일기인 동시에 안은영 작가 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>23.11.29 11:03</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6006510" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202311/6006510_60265_320_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6006510" target="_top">타이니 러브 스토리, 뉴욕 타임스 인기 칼럼…책으로 출간</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6006510" target="_top"> 뉴욕 타임스의 인기 칼럼 ‘모던 러브’가 ‘타이니 러브 스토리’로 출간됐다.‘타이니 러브 스토리’의 시작은 ‘모던 러브’다. ‘모던 러브’는 2004년부터 지금까지 20년 동안 매주 일요일 뉴욕 타임스에 연재되고 있는 인기 칼럼이다. 2019년에는 동명의 책이 출판되어 베스트셀러에 올랐고, 아마존에서 8부작 드라마 시리즈 ‘모던 러브’가 시즌2까지 제작되며 큰 인기를 끌었다. ‘모던 러브’ 에디터들은 독자를 대상으로 “사랑해서 때론 행복했고 때론 슬펐던 당신의 이야기를 100자 이내로 적어서 저희에게 보내주세요”라는 기획을 전했다. </a> </p> </div> </div> </li> <li> <span class="byline"> <em>22.11.14 17:22</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=2139114" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202211/2139114_37519_2143_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=2139114" target="_top">부부 컬렉터 22인의 미술 수집 이야기 담은 ‘컬렉팅 듀오’ 발간</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=2139114" target="_top"> [앳스타일 박승현 기자]컬렉터들의 이야기를 담은 채민진의 ‘컬렉팅 듀오’가 발간됐다.‘컬렉팅 듀오’는 아트 어드바이저로 활동 중인 저자 채민진이 20여 년간 미술 현장에서 만난 수 많은 컬렉터 중 부부가 함께 작품을 수집해 온 ‘부부 컬렉터’에 대한 이야기를 담았다. 슈퍼 리치부터 평범한 우체부와 도서관 사서 부부, 은퇴 후 작품을 관리하며 숲 속에서 살고 있는 노부부까지 그들의 이야기가 마치 한편의 드라마처럼 펼쳐진다.책에 선정된 22인의 부부 컬렉터의 이야기는 그간 저자가 ‘더네이버’를 통해 연재한 글에서 선정, 새롭게 구성한 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>22.06.28 11:26</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=2071316" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202206/2071316_32363_2530_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=2071316" target="_top">연예계 썰인가, 주식 책인가? ‘이번 생은 나도 주식 부자’</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=2071316" target="_top"> [앳스타일 황연도 기자]지금까지 이런 책은 없었다. 이것은 연예계 썰인가. 주식 이야기인가. 연예 기자 출신 김범석 작가가 경험담을 담은 주식 투자 입문서를 출간해 화제다. ‘이번 생은 나도 주식 부자’는 연예계 톱스타와 주식의 급소를 엮어 재미와 정보로 빚어낸 역대급 주식 투자 입문서다. 우먼센스와 일간스포츠, 뉴스엔에서 22년간 연예기자로 일한 저자는 스타의 흥망성쇠를 주식 투자 원칙에 절묘하게 적용해 주식 부자 대열에 들었다. 저자는 본인이 터득하고 체화한 주식 투자 방법을 20년 전 자신과 같은 처지의 개인투자자들에게 알려주 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>22.01.20 16:44</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=1999836" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202201/1999836_25097_3823_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=1999836" target="_top">[신간] 윤선영 박사 ‘인생을 기적처럼 변화시키는 8가지 습관’ 출간</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=1999836" target="_top"> [앳스타일 황연도 기자]“누구나 변화할 수 있다!”유아교육 전문가 윤선영 박사가 펴낸 ‘인생을 기적처럼 변화시키는 8가지 습관’(굿위즈덤 간)은 일상의 작은 변화들로 인생을 통째로 바꿀 수 있는 경험담을 전한다. “답은 습관에 달려 있다.” 습관이 나의 가치를 결정한다. ‘습관 셀프 코치’가 되어 나만의 기적을 만들어보자고 저자는 말한다. 저자 윤선영 박사는 “오늘의 ‘나’는 그동안 알게 모르게 만들어진 습관들의 총합이다. 그렇다면 습관으로 내가 원하는 ‘나’를 만날 수 있다”고 강조한다. ‘습관의 변화’를 통해 ‘인생을 변화’시킨 </a> </p> </div> </div> </li> </ul> </section>   <li id="sample" class="blind"> <span class="byline"> <em class="replace-date"></em> </span> <div class="views"> <a href="" class="thumb linked"> <img src="" alt="" class="replace-thumb" /> </a> <div class="view-cont"> <h4 class="titles"><a href="" class="linked replace-titles"></a></h4> <p class="lead line-6x2"> <a href="" class="linked replace-read"> </a> </p> </div> </div> </li>  <nav aria-label="Pagination"><ul class="pagination"><li class="pagination-start"><a href="/news/articleList.html?page=1&total=18&box_idxno=&sc_sub_section_code=S2N15&view_type=sm" title="처음"><i class="icon-angle-double-left"><span class="show-for-sr">처음</span></i></a></li><li class="current user-bg">1</li><li class="pagination-end"><a href="/news/articleList.html?page=1&total=18&box_idxno=&sc_sub_section_code=S2N15&view_type=sm" title="끝"><i class="icon-angle-double-right"><span class="show-for-sr">끝</span></i></a></li></ul></nav> </section> </div>   <div class="clearfix"> </div>  </section> <aside class="grid side"> <div class="clearfix" data-sticky-container> <div class="sticky" data-sticky data-anchor="anchorCon" data-stick-to="bottom" data-sticky-on="large" data-dynamic-height="true" data-check-every="0">  <div class="clearfix"> <article class="box-skin"> <header class="header"><strong>많이 본 기사</strong></header> <section class="content"><style type="text/css"> #skin-17 > .item:not(:first-child) {margin-top:15px} #skin-17 .number, #skin-17 .auto-titles {float:left} #skin-17 .number {width:35px} #skin-17 .auto-titles {width:calc(100% - 35px)} </style> <div id="skin-17" 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"> <header class="header"><strong>주요기사</strong></header> <section class="content"><style type="text/css"> #skin-18 > .item:not(:first-child) {margin-top:20px} #skin-18 .frame {width:60px} #skin-18 .content {display:block;width:auto;padding:9px 45px 9px 0} #skin-18 .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-18" class="auto-article"><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/20241129/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/20241129/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/20241129/6019029_82409_254_1732698176_100.jpg)"></em> </span></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6018948" 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/20241129/6018948_82272_1059_1732507859_100.jpg)"></em> </span></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6018914" 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/20241129/6018914_82202_3153_1732260714_100.jpg)"></em> </span></a> </div> </div> </section> </article><div class="box-margins " style="margin-bottom:40px;"></div> </div>  </div> </div> </aside> </div>  <div class="clearfix"> </div>  </div> </section>  </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 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>  </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/articleList.html?sc_sub_section_code=S2N15&view_type=sm" 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>  <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>  </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>  <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>  <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>  <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>