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>PHOTO < MEDIA < 기사목록 - 앳스타일</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 = 1732833682; // 즐겨찾기 스크립트 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="S1N5" data-sub-code="S2N18" data-serial-code="/news/articleList.html" data-multi-code="">  <div id="user-gnb"> <div class="mode-inner">  <div class="updated">편집 : 2024-11-28 15:23 (목) </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"> PHOTO </h3> <div class="view-type"> <h3 class="show-for-sr">기사목록 보기 형태</h3> <div class="view-type-group"> <a href="/news/articleList.html?page=1&total=144&sc_section_code=&sc_sub_section_code=S2N18&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=144&sc_section_code=&sc_sub_section_code=S2N18&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=144&sc_section_code=&sc_sub_section_code=S2N18&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>21.10.14 09:40</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000170" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202110/4000170_44472_4138_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000170" target="_top">비투비 은광&민혁</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000170" target="_top"> 2012년 3월에 데뷔해 어느덧 10년 차를 맞은 비투비가 컴백했다. 아직 군 복무 중인 멤버들을 제외하고 이창섭, 이민혁, 서은광, 프니엘 네 명으로 활동을 시작한 비투비는 그간 쌓아온 내공을 남김없이 쏟아 낸 스페셜 앨범 ‘4U : OUTSIDE’로 돌아왔다. 지난해 11월에 발매한 미니 앨범 ‘4U : INSIDE’ 이후 9개월 만의 신보로, 올해 4월 방송된 Mnet ‘킹덤 : 레전더리 워’ 출연 후 처음 선보이는 앨범인 만큼 큰 관심을 모았다. 특히 데뷔 후 처음으로 댄스 브레이크를 시도한 타이틀곡 ‘아웃사이더’는 변화를 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>21.09.01 16:37</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000169" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202109/4000169_44459_3755_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000169" target="_top">김요한</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000169" target="_top"> 올라운더. 한 가지 포지션에 국한되지 않고 여러 역할을 두루 소화할 줄 아는 다재다능한 사람에게 붙는 수식어다. 김요한(21)은 아이돌계 대표 올라운더다. 그룹 위아이, 배우, 예능돌, MC까지. 한 가지로 성공을 거두기도 힘든 세상에서 김요한은 뛰어드는 분야마다 ‘참 잘했다’는 성적표를 척척 받아낸다. 위아이의 공식 센터로서 압도적인 무대 장악력을 과시하며 국내외 팬들의 뜨거운 반응을 끌어내는가 하면, SBS MTV ‘더쇼’에 고정 출연하며 재치 있는 입담과 적재적소 리액션으로 ‘만능 MC’로서의 면모를 보이는 중. 연기돌로서의 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>21.08.05 11:21</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000168" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202108/4000168_44451_2218_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000168" target="_top">몬스타엑스 형원</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000168" target="_top"> 183cm를 훌쩍 넘는 우월한 피지컬에 조막만 한 얼굴, 또렷한 이목구비, 도톰한 입술까지. 순정만화 찢고 나온 듯한 비주얼로 여심을 무장 해제 시키고 있는 몬스타엑스 형원(27). 요즘엔 못하는 걸 못하는 ‘올라운더’들이 대세라던데, 딱 그를 두고 하는 말이다. 빼어난 춤과 노래 실력은 기본. 생애 처음으로 작사에 참여한 음원 ‘Nobody Else’는 빌보드 월드디지털송 10위를 찍었다. 몬스타엑스 미니 9집에 실린 자작곡 ‘Secrets’와 작사 참여곡 ‘BEBE’ 역시 월드 디지털 송 세일즈 차트 상위권 자리를 꿰찼다. 그룹 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>21.07.06 10:26</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000167" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202107/4000167_44437_2920_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000167" target="_top">NCT 127 도영X정우</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000167" target="_top"> ‘SAVE’ 프로젝트로 새로운 모습으로 돌아온 NCT 127. 사랑, 꿈, 추억, 미래, 지구 등의 가치를 전하는 서포터로 1년여 만에 팬들과 깜짝 조우했다. 다양한 가치 중 주저 없이 사랑을 최고로 꼽은 도영과 정우. ‘체리 밤(Cherry Bomb)’에 이어 ‘영웅(英雄; Kick It)’까지 뮤직비디오 조회 수 1억 뷰를 돌파하고, 정규 2집 ‘NCT #127 Neo Zone’을 밀리언 셀러로 만든 NCT 127이지만, 지금도 최대 관심사 중 하나는 팬들이 주는 사랑의 무게에 관한 것이다. NCT 127이 출범한지 어느덧 5주 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>21.06.14 10:01</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000166" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202106/4000166_44419_0225_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000166" target="_top">사나X다현</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000166" target="_top"> 예쁜 애 옆에 또 예쁜 애. 트와이스 멤버 중 제일 애교 많은 사나(25)와 가장 흥 넘치는 다현(24)이 뷰티 화보로 뭉쳤다. 외모와 성격, 말투까지 서로 다른 매력을 지닌 두 사람이지만 ‘흥부자’의 공통분모를 활용해 화보 촬영장을 특유의 밝은 에너지로 물들였다. 사나와 다현을 두고 괜히 ‘사이다 케미’라 부르는 게 아니다. 두 사람의 특급 케미는 무대, 대기실, 예능 등 모든 곳에서 엿볼 수 있다. 사나와 다현의 ‘꽁냥꽁냥’ 모멘트만을 모아놓은 모음집 영상이 시리즈물로 제작되는가 하면, 각 영상마다 수십만 뷰를 기록할 정도로 팬 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>21.05.17 16:07</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000165" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202105/4000165_44409_1545_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000165" target="_top">비와이&레드벨벳 슬기</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000165" target="_top"> 늘 예측할 수 없는 파워풀한 퍼포먼스로 각자의 음악 영역을 찢어 놓는 비와이&슬기. 그런 두 사람이 이번에는 자동차와 함께 새로운 그림을 만들어냈다. 닮은 듯 다른, 두 사람이 완성한 어느 눈부신 봄날의 피크닉 현장을 엿본다. </a> </p> </div> </div> </li> <li> <span class="byline"> <em>21.03.31 12:01</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000164" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202103/4000164_44399_2710_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000164" target="_top">문가영</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000164" target="_top"> 드디어 터졌다. 열한 살에 데뷔해 15년간 성실히 필모그래피를 채워오던 배우 문가영(24)이 tvN ‘여신강림’ 임주경 캐릭터를 만나 마침내 만개했다. 문가영은 여배우로서 도전하기 어려워 보였던 새빨간 홍조 분장도 특유의 사랑스러움으로 소화하고, 로맨스부터 코믹을 넘나드는 팔색조 연기를 능청스럽게 선보였다. 망가짐을 두려워하지 않는 열정은 국내는 물론 해외 팬까지 사로잡았고, ‘여신강림’ 이후 SNS 팔로워 수는 600만 명을 돌파했다. 2006년 영화 ‘스승의 은혜’로 데뷔한 문가영은 JTBC ‘마녀보감’, MBC ‘위대한 유혹자 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>21.03.12 13:53</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000162" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202103/4000162_44390_5348_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000162" target="_top">이동욱</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000162" target="_top"> 이동욱(40)만이 만들어낼 수 있는 황홀한 판타지 속에 대한민국 여심이 또 한 번 매료됐다. 4년 전 tvN ‘도깨비’ 출연으로 지상 최고 미모를 뽐내며, 뿌리 깊게 박힌 저승사자에 대한 편견을 깨부순 이동욱. 그가 또 한번 모든 여자가 홀린다 해도 이상하지 않을 tvN ‘구미호뎐’ 속 구미호로 분해 여심을 뒤흔들었다. 이동욱은 1999년 데뷔해 22년 동안 필모그래피를 빽빽하게 채울 정도로 성실하게 작품 활동을 해온 배우다. SBS ‘마이걸’, SBS ‘여인의 향기’부터 최근작 tvN ‘도깨비’, OCN ‘타인은 지옥이다’까지 늘 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>21.02.15 15:17</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000160" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202102/4000160_44383_1809_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000160" target="_top">김영대</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000160" target="_top"> 본방 당시 순간 31.1%를 돌파하며 자체 최고 시청률로 시즌 1의 막을 내린, 2020년 화제작 SBS ‘펜트하우스’. 내로라하는 배우들과 함께 불꽃 튀는 연기를 선사하며 시청자들에게 눈도장 제대로 찍은 김영대(24)는 완벽한 소년 주석훈 역을 시작으로 2020년 하반기를 꽉 채웠다. ‘펜트하우스’의 인기에 힘입어 KBS2 ‘바람피면 죽는다’에 차수호 역으로 동시 출연해 또래 남자 배우 중 대세 루키로 떴다. 그 덕에 ‘2020 KBS 연기대상’에서 시청자들의 투표 결과로 수상자를 정하는 인기상을 무난하게 수상하며 2020년 김영 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>20.12.31 14:39</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000159" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202012/4000159_44373_4115_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000159" target="_top">남주혁</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000159" target="_top"> 2020년, 20대 남자 배우들 중 단연 대세를 꼽자면 남주혁(26)이다. 넷플릭스 ‘보건교사 안은영’으로 시작해 tvN ‘스타트업’, 영화 ‘조제’와 ‘리멤버’까지, 2021년으로 이어지는 꽉 찬 라인업을 완성한 그는 대세 배우답게 쉼 없이 활동 중이다. 2014년, 모델 출신 배우로 데뷔해 비주얼 캐릭터로만 그를 보아온 대중은 JTBC ‘눈이 부시게’를 통해 남주혁의 놀라운 성장을 지켜봤다. 마냥 짠내를 불러일으키는 이준하의 눈빛을 보며 한동안 함께 울고 웃었던 시청자들 앞에 남주혁은 까칠한 수염과 바람에 펄럭이는 통바지를 입은 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>20.12.09 13:51</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000158" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202012/4000158_44363_5201_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000158" target="_top">펜타곤</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000158" target="_top"> ‘빛나리’ 역주행의 주인공 펜타곤이 이번엔 정주행으로 빛났다. 지난 10월 발매한 미니 10집 타이틀곡 ‘데이지’로 데뷔 4년 만에 드디어 첫 음방 1위 트로피를 거머쥔 것. 음원 뮤직비디오는 유튜브 조회수 2500만 뷰를 훌쩍 넘었고, 전 세계 9개 지역 아이튠즈 톱 앨범 차트 1위를 기록하며 글로벌 시장까지 접수했다. 희소식에 기뻐할 새도 잠시, 멤버들은 이번 활동을 끝으로 맏형 진호에 이어 후이가 군 입대를 하게 됐음을 알렸다. 그래도 아쉬워할 필요는 없다. 떠난 멤버와 남은 멤버 모두 각자의 위치에서 제 몫을 해내며, 허전함 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>20.11.26 14:14</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000157" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202011/4000157_44350_1536_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000157" target="_top">위아이</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000157" target="_top"> 멤버 전원 오디션 프로그램 출신으로 데뷔 준비부터 눈길을 끈 그룹 위아이. 리더 장대현을 필두로 김동한, 유용하, 김요한, 강석화, 김준서 여섯 명의 소년이 모인 위아이가 가요계에 당당히 출사표를 던졌다. 2020년 하반기 기대주로 불리며 첫 미니 앨범 ‘IDENTITY : First Sight’를 발매한 위아이는 신인 그룹 답지 않은 노련한 무대 매너는 물론이고 작사, 작곡부터 프로듀싱 능력까지 겸비한 올라운더 그룹이다. 특히 오디션 프로그램에서 발휘한 눈부신 활약 덕에 멤버 개개인은 이미 대중에게 눈도장 꾹 찍은 상태다. 각양각 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>20.10.15 11:02</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000156" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202010/4000156_44335_0314_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000156" target="_top">박지훈</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000156" target="_top"> ‘반전 매력’이란 말이 식상해진 지는 오래지만 누군가의 매력을 한마디로 설명하기엔 여전히 유효하다. 연기자로서 만난 박지훈(21)은 사랑스러운 외모에 단단한 속을 갖춘, 그래서 궁금증을 절로 일으키는 사람이었다. 아역 배우로 브라운관에 처음 얼굴을 비춘 박지훈이 본격적으로 이름을 알린 건 2017년 여름, Mnet ‘프로듀스 101 시즌2’ 데뷔로 워너원의 멤버가 된 직후였다. “내 마음 속에 저장”이라는 역대급 유행어를 만들며 애교 신드롬을 이끌어 낸 그는 그룹 활동을 통해 팬들의 마음 대중의 관심까지 사로잡았다. 그 후 솔로 가 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>20.08.27 09:25</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000155" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202009/4000155_44324_1757_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000155" target="_top">한승우</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000155" target="_top"> 2016년 빅톤으로 데뷔해 Mnet 에 출연, 수많은 경쟁률을 뚫고 두 번째 데뷔를 성사시킨 한승우(25)는 2020년 늦여름, 솔로 앨범 으로 팬들 앞에 섰다. ‘한승우 종합 선물 세트’라 불려도 손색이 없을 만큼, 한승우의 색으로 가득 채운 앨범 은 한승우의 자전적인 이야기가 담긴 그의 첫 번째 솔로 앨범이다. 삶의 굴곡은 물론이거니와 자신의 밝고 어두운 면을 모두 담아 한승우 그 자체를 보여주고 싶다는 그의 바람은 ‘솔로 아티스트로서 한승우라는 명성을 입증하겠다’는 다짐과 함께 앨범에 담겼다. 그 어떤 거짓 없이 진심을 보여주 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>20.08.27 09:21</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000154" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202008/4000154_44309_2748_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000154" target="_top">더보이즈</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000154" target="_top"> 2017년 겨울, 타이틀곡 ‘소년(Boy)’으로 데뷔한 더보이즈는 각종 시상식에서 신인상을 휩쓸며 눈도장을 찍었다. 대세 아이돌로 떠오른 동시에 꾸준히 활동을 이어오며 차세대 기대주로 꼽혀 하염없이 쏟아지는 보이그룹의 홍수에도 운보다는 실력으로 기반을 다져갔다. 결국 더보이즈는 그 꾸준함으로 자신들 만의 세계관을 확립했고 2020년, 첫 번째 정규앨범 ‘REVEAL(리빌)’ 발매와 함께 Mnet ‘로드 투 킹덤’에 출연해 보이그룹 왕좌를 향한 자리로 한 걸음 더 나아갔다. 특히 열한 명이라는 대형 그룹만이 가진 장점을 살린 무대를 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>20.07.09 09:33</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000153" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202007/4000153_44293_3349_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000153" target="_top">김요한</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000153" target="_top"> KBS 예능프로그램 ‘악인전’을 통해 풋풋함과 음악에 대한 열정을 보여주고 있는 김요한(20). 늘 에너지 넘치는 모습으로 시청자들에게 보는 즐거움을 물론이고, 음악에 대한 무한한 가능성을 보여주고 있는 김요한은 아티스트로서 욕심도 잊지 않고 있다. 랩 메이킹을 하는 즐거움에 시간 가는 줄 모른다는 김요한은 ‘가수’ 김요한으로 팬들을 만나기 위해 배움의 자세를 늘 잊지 않고 있다. 여름을 닮아 젊고 빛나는 모습을 간직한 김요한과의 두 번째 만남이다. </a> </p> </div> </div> </li> <li> <span class="byline"> <em>20.06.11 10:02</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000152" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202006/4000152_44281_0321_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000152" target="_top">김호중</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000152" target="_top"> 10여 년 전 SBS ‘놀라운 대회 스타킹’에 출연해 성악을 열창하던 열아홉 앳된 김호중(28)을 기억한다. 당시 방송에서 깊은 인상을 남긴 그는 스카우트 제안을 받아 독일로 유학길을 떠났고, 몇 년 만에 세계적인 테너로 발돋움했다. 그의 파란만장 음악 인생이 영화 ‘파파로티’로 제작되기도 했다. 그렇게 천상 성악가인줄 알았던 김호중이 예고도 없이 TV 조선 ‘미스터트롯’에 출전했다. “어떻게 살았냐고 묻지를 마라. 이리저리 살았을 거란 착각도 마라” 예선전 곡명처럼, 성악가가 웬 트로트냐 태클을 걸 새도 없이 맛깔나는 목소리에 흠 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>20.06.11 09:58</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000151" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202006/4000151_44268_5954_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000151" target="_top">NCT 127 정우 마크 해찬</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000151" target="_top"> ‘개방형 유닛’이라는 독특한 형태로 무한한 개방성과 확장성을 보여주는 NCT. 올해로 데뷔 5년 차를 맞이한 NCT 127은 그 확장성만큼 다양함과 역동적인 퍼포먼스를 담은 정규 2집 앨범 ‘NCT # 127 네오 존’ (이하 네오 존)으로 돌아왔다. 월드 투어를 성공적으로 마치고 ‘글로벌 대세’로 도약 중인 NCT 127은 정규 2집 앨범으로 美 빌보드 메인 앨범 차트인 ‘빌보드 200’에서 5위를 기록하는 쾌거도 얻었다. ‘네오 존’을 통해 확실한 정체성 확립을 마친 NCT 127은 기세를 몰아 리패키지 앨범 ‘네오 존 : 더 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>20.05.07 10:01</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000150" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202005/4000150_44252_0201_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000150" target="_top">이찬원</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000150" target="_top"> 스물 다섯. 눈부신 나이. 이찬원은 만개한 벚꽃터널 속 연분홍 꽃비를 맞은 것 같이 해사했다. 최고시청률 35.7%를 찍은 TV 조선 ‘미스터트롯’ 열풍의 중심이었다. 신동부 예선전, 말간 얼굴로 뿜어낸 ‘흐어어어~어어’ 첫 소절로 무대를 씹어먹은 무명의 대학생은 ‘찬또배기’란 별명과 함께 ‘전국구’로 떴다. 반백년은 묵은 듯한 ‘청국장 보이스’에 아이돌 눈웃음을 장착한 ‘25년 트로트 외길인생’이라니. 그의 끝도 없는 반전 매력에 ‘그들만의 리그’였던 트로트로 1030 세대가 진공흡입 됐다. 음악 좀 들었다고 자부하던 4050 여 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>20.05.07 10:00</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000149" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202005/4000149_44240_0042_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000149" target="_top">강다니엘</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000149" target="_top"> 강다니엘(23)에게 지난 겨울은 가장 추운 계절이었다. 계획에 없었던 얼마간의 공백 후 새로운 앨범 ‘사이언’으로 돌아온 다니엘은 마음의 부담을 덜어 낸 듯 가볍게 무대 위로 올라섰다. 타이틀곡 ‘2U(투유)’를 통해 ‘너라는 이유, 그 자체만으로 너를 사랑해 주는 사람이 곁에 있다’는 사랑스러운 메시지와 함께 강다니엘이 가진 특유의 청량한 색채를 보여준 이번 활동은 이전보다 더 성숙해진 음악 세계를 여실히 보여줬다. 활동 기간을 마쳤음에도 음악 방송 1위를 기록하며 여전한 인기를 보여 주고 있는 그는 이 모든 순간이 그저 감사하다 </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=144&box_idxno=&sc_sub_section_code=S2N18&view_type=sm" title="처음"><i class="icon-angle-double-left"><span class="show-for-sr">처음</span></i></a></li><li class="current user-bg">1</li><li><a href="/news/articleList.html?page=2&total=144&box_idxno=&sc_sub_section_code=S2N18&view_type=sm">2</a></li><li><a href="/news/articleList.html?page=3&total=144&box_idxno=&sc_sub_section_code=S2N18&view_type=sm">3</a></li><li><a href="/news/articleList.html?page=4&total=144&box_idxno=&sc_sub_section_code=S2N18&view_type=sm">4</a></li><li><a href="/news/articleList.html?page=5&total=144&box_idxno=&sc_sub_section_code=S2N18&view_type=sm">5</a></li><li><a href="/news/articleList.html?page=6&total=144&box_idxno=&sc_sub_section_code=S2N18&view_type=sm">6</a></li><li><a href="/news/articleList.html?page=7&total=144&box_idxno=&sc_sub_section_code=S2N18&view_type=sm">7</a></li><li><a href="/news/articleList.html?page=8&total=144&box_idxno=&sc_sub_section_code=S2N18&view_type=sm">8</a></li><li class="pagination-onenext"><a href="/news/articleList.html?page=2&total=144&box_idxno=&sc_sub_section_code=S2N18&view_type=sm" title="다음"><span class="show-static-small-only">다음</span><i class="icon-angle-right-min"><span class="show-for-sr">다음</span></i></a></li><li class="pagination-end"><a href="/news/articleList.html?page=8&total=144&box_idxno=&sc_sub_section_code=S2N18&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=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/20241128/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/20241128/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/20241128/6018914_82202_3153_1732260714_100.jpg)"></em> </span></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6018913" 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/20241128/6018913_82195_312_1732260663_100.jpg)"></em> </span></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6018803" 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/20241128/6018803_81999_532_1731984782_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=S2N18&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>