CINXE.COM

PHOTO < MEDIA < 기사목록 - 앳스타일

<!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> <!--[if lt IE 10]> <link rel="stylesheet" href="https://cdn.atstar1.com/css/style.ie9.css"> <script src="https://cdn.atstar1.com/script/html5shiv.min.js"></script> <![endif]--> <script type="text/javascript"> $(document).ready(function(e) { // 이미지맵 $('img[usemap]').rwdImageMaps(); bannerpop.banner(".banner_event_box"); // 기능성배너 이벤트 bannerpopMulti.bannerLoad(); // 멀티 기능성 배너 이벤트 // 기사뷰 이미지관련 // 기사본문 부분 복사하기 저작권 표시 $('#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 = 1732841258; // 즐겨찾기 스크립트 function bookmark() { window.external.AddFavorite("http://www.atstar1.com", "앳스타일") } </script> <style type="text/css"> /* 사이트 기본 색 */ .user-point,a.user-point, .poll-columns .poll-state.going {color:#000 !important} .user-bg,.user-bg:hover,.user-bg:active,.user-bg:focus,li[id*="slick-"].slick-active button[data-role],.tabs .is-active a, .checkbox-group > input[type="radio"]:checked + label::before, .checkbox-group > input[type="checkbox"]:checked + label::before, .radio-group > input[type="radio"]:checked + label::before, .radio-group > input[type="checkbox"]:checked + label::before, .poll-view .poll-view-state.going,.poll-view .poll-radio input[type="radio"]:checked + label::before,.poll-view .poll-radio input[type="checkbox"]:checked + label::before, .nd-switch.user-bg input[type="checkbox"]:checked + label,.nd-switch.user-bg input[type="radio"]:checked + label, .nd-switch.user-bg input[type="checkbox"]:checked + label::before,.nd-switch.user-bg input[type="radio"]:checked + label::before, .switch-group.user-bg > .nd-switch input[type="checkbox"]:checked + label,.switch-group.user-bg > .nd-switch input[type="radio"]:checked + label {background-color:#000 !important} .user-border, .checkbox-group input[type="checkbox"] + label::before, .checkbox-group input[type="radio"] + label::before, .radio-group input[type="checkbox"] + label::before, .radio-group input[type="radio"] + label::before, .poll-view .poll-radio input[type="radio"] + label:hover strong::before,.poll-view .poll-radio input[type="checkbox"] + label:hover strong::before, .poll-view .poll-radio input[type="radio"]:checked + label strong::before,.poll-view .poll-radio input[type="checkbox"]:checked + label strong::before, #gallery-wrap .gallery-content.view-page .gallery-thumb .nav-content.slick-current::before {border-color:#000 !important} .user-border-top {border-top-color:#000 !important} .user-border-bottom {border-bottom-color:#000 !important} .user-border-left {border-left-color:#000 !important} .user-border-right {border-right-color:#000 !important} .checkbox-group input[type="checkbox"] + label::before, .checkbox-group input[type="radio"] + label::before, .radio-group input[type="checkbox"] + label::before, .radio-group input[type="radio"] + label::before {opacity:.3} .checkbox-group > input[type="radio"]:checked + label::before, .checkbox-group > input[type="checkbox"]:checked + label::before, .radio-group > input[type="radio"]:checked + label::before, .radio-group > input[type="checkbox"]:checked + label::before {opacity:initial} /* view */ @media screen and (max-width: 1320px) { #sticky-header .aht-btn {display:none !important} } /* site size */ .width-1200 {width:1200px} .max-width-1200 {max-width:1200px} .min-width-1200 {min-width:1200px} </style> <meta name="naver-site-verification" content="a08bf011408083d15ffbce10b5f3f292e4df4413" /> <meta name="google-site-verification" content="-IP5VzHyt0wzi_mPAF0W3odWGR6nSp65j8QO8d9G6Yo" /> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-22729569-2']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> <script type="text/javascript"> if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = "16dbcddcef36"; wcs_do(); </script> <script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> <script type="text/javascript"> if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = "3ad29e75bf1ac8"; wcs_do(); </script> <!-- Google tag (gtag.js) 20230511 --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-X64MW7MK67"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-X64MW7MK67'); </script> <!-- 20230822 --> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3211516744310540" crossorigin="anonymous"></script> <!-- Google tag (gtag.js) 20230918 --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-NRJQRXJFRB"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-NRJQRXJFRB'); </script> </head> <body class=" " style=""> <nav class="skip-nav"> <a href="#user-menu" onclick="document.getElementById('user-menu').tabIndex = -1;document.getElementById('user-menu').focus();return false;" class="user-border"><span>주요서비스 바로가기</span></a> <a href="#user-container" onclick="document.getElementById('user-container').tabIndex = -1;document.getElementById('user-container').focus();return false;" class="user-border"><span>본문 바로가기</span></a> <a href="#user-footer" onclick="document.getElementById('user-footer').tabIndex = -1;document.getElementById('user-footer').focus();return false;" class="user-border"><span>매체정보 바로가기</span></a> <a href="#userLogin" onclick="document.getElementById('userLogin').tabIndex = -1;document.getElementById('userLogin').focus();return false;" class="user-border"><span>로그인 바로가기</span></a> <a href="#userSearch" onclick="document.getElementById('userSearch').tabIndex = -1;document.getElementById('userSearch').focus();return false;" class="user-border"><span>기사검색 바로가기</span></a> <a href="#allService" onclick="document.getElementById('allService').tabIndex = -1;document.getElementById('allService').focus();return false;" class="user-border"><span>전체서비스 바로가기</span></a> </nav> <!--[if lt IE 10]> <div id="ie9-guide"> <div class="ie9-wrapper border-box"> <p class="guide-txt"> 잠깐! 현재 Internet Explorer 8이하 버전을 이용중이십니다. 최신 브라우저(Browser) 사용을 권장드립니다! </p> <div class="guide-right"> <dl class="ie9-down nobr"> <dt><i class="icon ie-logo">ie</i></dt> <dd> <span>인터넷 익스플로러 11</span> <a href="http://windows.microsoft.com/ko-kr/internet-explorer/download-ie" target="_blank">다운로드</a> </dd> </dl> <dl class="ie9-down"> <dt><i class="icon cr-logo">chrome</i></dt> <dd> <span>구글 크롬</span> <a href="http://www.google.com/chrome/" target="_blank">다운로드</a> </dd> </dl> <dl class="ie9-down"> <dt><i class="icon ff-logo">firefox</i></dt> <dd> <span>모질라 파이어폭스</span> <a href="http://www.mozilla.or.kr/" target="_blank">다운로드</a> </dd> </dl> </div> </div> </div> <![endif]--> <div class="off-canvas-wrapper"> <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper> <div class="off-canvas-content" data-off-canvas-content> <!-- wrap //--> <div id="user-wrap" class="min-width-1200"> <div id="user-wrapper"> <!-- header //--> <header id="user-header" class="posi-re float-center"> <h2 class="show-for-sr">상단영역</h2> <div class="clearfix text-center"> </div> <style type="text/css"> #header-wrapper .mode-inner, #nav-header {width:1200px} /* 1차 */ #user-nav .user-menu > .secline > a.a-hover {color:#000} #user-nav .user-menu .secline > a::before {border-left-color:#000} #user-nav .user-menu .secline > a::after {background-color:#000} /* 2차 - vertical */ #user-nav .user-menu .secline > ul {border-color:#000} /* 2차 - vertical & use autobox */ #header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline > ul {width:1200px;padding-right:calc(1200px - 300px)} #header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .sub > a.a-sub-hover, #header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .sub > a:hover {color:#fff;background-color:#000} </style> <!-- 메뉴 시작 //--> <div id="header-wrapper" class="vertical full left " data-main-code="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-29 09:42 (금) </div> <!--// 최종편집 --> </div> </div> <!--// 최상단영역 --> <!-- 로고영역 //--> <header id="nav-header"> <div class="user-banner text-left"> </div> <h1 class="user-logo text-center"> <a href="http://www.atstar1.com" target="_top"><img src="https://cdn.atstar1.com/image/logo/toplogo_20240729053134.png" alt="앳스타일"></a> </h1> <div class="user-banner text-right"> </div> </header> <!--// 로고영역 --> <!-- 메뉴바 //--> <nav id="user-nav"> <div class="mode-inner"> <article class="nav-cell text-left"> <div class="user-sns"> <a href="https://www.facebook.com/atstar1/" target="_blank" class="fb"><i class="icon-facebook"><span class="show-for-sr">facebook</span></i></a> <a href="https://www.instagram.com/atstar1magazine/" target="_blank" class="in"><i class="icon-instagram"><span class="show-for-sr">insta</span></i></a> <a href="https://www.youtube.com/playlist?list=PLjLF-cauu4lACQ_mY2tvHWTeVFfXjhZlx" target="_blank" class="yt"><i class="icon-youtube-play"><span class="show-for-sr">youtube</span></i></a> <a href="https://post.naver.com/atstar1?isHome=1" target="_blank" class="ps"><i class="icon-post"><span class="show-for-sr">post</span></i></a> </div> </article> <article class="nav-cell text-center"> <!-- 섹션 //--> <ul id="user-menu" class="user-menu"> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N1&view_type=sm" target="_top" data-code="S1N1">STAR</a> <ul> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N1&view_type=sm" target="_top" data-code="S2N1">스타@스타일</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N2&view_type=sm" target="_top" data-code="S2N2">스타@스캔</a> </li> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N2&view_type=sm" target="_top" data-code="S1N2">FASHION & BEAUTY</a> <ul> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N3&view_type=sm" target="_top" data-code="S2N3">패션뉴스</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N4&view_type=sm" target="_top" data-code="S2N4">뷰티뉴스</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N5&view_type=sm" target="_top" data-code="S2N5">리얼품평</a> </li> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N3&view_type=sm" target="_top" data-code="S1N3">ENTERTAINMENT</a> <ul> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N6&view_type=sm" target="_top" data-code="S2N6">드라마</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N7&view_type=sm" target="_top" data-code="S2N7">영화</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N8&view_type=sm" target="_top" data-code="S2N8">예능</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N9&view_type=sm" target="_top" data-code="S2N9">뮤직</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N10&view_type=sm" target="_top" data-code="S2N10">일반</a> </li> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N4&view_type=sm" target="_top" data-code="S1N4">LIFE & CULTURE</a> <ul> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N11&view_type=sm" target="_top" data-code="S2N11">공연/전시</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N12&view_type=sm" target="_top" data-code="S2N12">여행/레져</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N13&view_type=sm" target="_top" data-code="S2N13">여행/맛집</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N14&view_type=sm" target="_top" data-code="S2N14">건강정보</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N15&view_type=sm" target="_top" data-code="S2N15">책</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N16&view_type=sm" target="_top" data-code="S2N16">생활/문화</a> </li> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N5&view_type=sm" target="_top" data-code="S1N5">MEDIA</a> <ul> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N17&view_type=sm" target="_top" data-code="S2N17">VIDEO</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N18&view_type=sm" target="_top" data-code="S2N18">PHOTO</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N19&view_type=sm" target="_top" data-code="S2N19">BEHIND CUT</a> </li> </ul> </li> <li class="secline"> <a href="/bbs/list.html?table=bbs_1" target="_top" data-code="bbs_1">COMMUNITY</a> <ul> <li class="sub"> <a href="/bbs/list.html?table=bbs_1" target="_top" data-code="bbs_1">공지사항</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N20&view_type=sm" target="_top" data-code="S2N20">편집인레터</a> </li> <li class="sub"> <a href="/bbs/list.html?table=bbs_2" target="_top" data-code="bbs_2">이벤트</a> </li> </ul> </li> </ul> <!--// 섹션 --> </article> <article class="nav-cell text-right"> <!-- 전체 --> <button type="button" class="user-allbtn" title="전체메뉴" data-toggle="offCanvas"><i class="icon"><span class="show-for-sr">전체메뉴 버튼</span></i></button> <!-- 로그인 //--> <div id="userLogin" class="user-logbox"> <button type="button" class="logbox-btn"><i class="icon-profile-o"><span class="show-for-sr">회원정보</span></i></button> <ul class="user-loglist"> <li><a href="http://www.atstar1.com/member/login.html" target="_top">로그인</a></li> <li><a href="http://www.atstar1.com/member/index.html" target="_top">회원가입</a></li> </ul> </div> <!--// 로그인 --> <!-- 검색 //--> <div id="userSearch" class="user-search"> <button type="button" class="sch-btns"><i class="icon-search-thin"><span class="show-for-sr">검색하기</span></i></button> <fieldset class="user-search-form"> <form name="head-search" method="get" class="clearfix" action="/news/articleList.html"> <input type="hidden" name="sc_area" value="A"> <input type="hidden" name="view_type" value="sm"> <label class="show-for-sr" for="search">기사검색</label> <input type="text" name="sc_word" id="search" onkeydown="if(event.keyCode==13){if(this.form.sc_word.value != ''){this.form.submit();}else{alert('검색어를 입력해주세요');return false;}}" placeholder="검색어 입력" title="기사검색"> <button type="button" title="기사검색" onclick="if(this.form.sc_word.value != ''){this.form.submit();}else{alert('검색어를 입력해주세요');this.form.sc_word.focus();return false;}"><i class="icon-search"><span class="show-for-sr">검색</span></i></button> </form> </fieldset> </div> <!--// 검색 --> </article> </div> </nav> <!--// 메뉴바 --> </div> <!--// 메뉴 끝 --> <script type="text/javascript"> <!-- //메뉴 스타일 불러옴 : 메뉴 /script/menubar.js 와 같이 사용되어야 함 //submenuStyle : 서브메뉴 펼침 스타일 (horizon : 가로로, vertical : 세로 슬라이딩) var menuIndexHold = true, menuOverHold = true, submenuStyle = "vertical", sizeMode = "full", subShow = "hold", submenuPosi = "left", effectSwitch = "on", subSlideSpeed = 150, subFadeSpeed = 150; $(document).ready(function(){ // member var memBox = $('.user-logbox') , memBtns = memBox.find('.logbox-btn') , memForm = memBox.find('.user-loglist'); memBtns.on({ mouseenter: function(){ memForm.show(); } }); memBox.on({ mouseleave: function(){ memForm.hide(); } }); // search var schBox = $('.user-search') , schBtns = schBox.find('.sch-btns') , schForm = schBox.find('.user-search-form'); schBtns.on({ click: function(){ schForm.toggle().find('input#search').focus(); schBox.toggleClass('active'); } }); }); //--> </script> </header> <!--// header --> <!-- container //--> <section id="user-container" class="posi-re text-left float-center width-1200"> <h2 class="show-for-sr">본문영역</h2> <div id="layer-popups" class="float-center width-1200"></div> <div class="posi-re float-center width-1200"><div id="floating_banner_left" class="view-aside left-wing" data-scroll="y" data-top-margin="20" data-down-margin="15" data-duration="300"> </div> <div id="floating_banner_right" class="view-aside right-wing" data-scroll="n" data-top-margin="20" data-down-margin="15" data-duration="300"> </div> </div> <!-- 날개배너 //--> <div class="posi-re float-center width-1200" id="wingBanner"> <div class="wing-banner-left"> </div> <div class="wing-banner-right"> </div> </div> <!--// 날개배너 --> <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 //--> <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=5&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=5&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=5&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> <!--// header --> <!-- 웹진형 //--> <section id="section-list"> <ul class="type2"> <li> <span class="byline"> <em>16.03.02 11:17</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000082" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/201603/4000082_43664_1817_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000082" target="_top">아이콘</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000082" target="_top"> 오랜 기다림 끝에 당당하게 아이콘이 됐다. 정식 데뷔 전 YG엔터테인먼트 연습생 서바이벌 ‘윈: 후 이즈 넥스트(WIN: WHO IS NEXT)’, ‘믹스 앤 매치(MIX & MATCH)’를 통해 탄탄한 실력을 다진 B.I, 바비, 김진환, 구준회, 송윤형, 김동혁, 정찬우는 지난해 데뷔 앨범 ‘웰컴백(WELCOME BACK)’을 발표, 국내외 음원 차트와 음악 방송 1위를 휩쓴 것도 모자라 그해 연말과 올해 초 시상식에서 신인상을 석권했다. 혜성처럼 나타나 탄탄대로만 걷고 있는 듯 보이지만 사실 누구보다도 힘겹고 막막했던 연습생 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>16.01.27 15:30</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000081" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/201601/4000081_43655_3034_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000081" target="_top">이동휘</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000081" target="_top"> 쌍문동 동룡이는 공부를 참 안 하더니, 패셔니스타 동휘는 공부를 꽤 잘하더라. 그간 수많은 스타들과 화보 작업을 해왔지만 이동휘만큼 미리 콘셉트를 공부하고 현장에서도 적극적으로 의견을 피력한 스타는 처음 봤으니까. 목가에 공갈복을 흔들며 쌍문동 봉황당 골목 어딘가에서 뛰어나올 것만 같은 소년. 그러나 오늘은 영락없는 청담동 ‘패피’가 아닌가. tvN 속 동룡 역 이동휘를 만났다. 러브라인 없는 세상이 그대를 속일지라도, 우리들 마음속에 ‘세젤멋(세상 제일 멋진)’인 동룡과의 인터뷰. </a> </p> </div> </div> </li> <li> <span class="byline"> <em>16.01.27 15:29</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000080" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/201601/4000080_43650_2930_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000080" target="_top">소지섭</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000080" target="_top"> 시청자들만 힐링한 게 아니었구나. 소지섭 역시 달달하고 말랑한 작품들을 만나면서 스스로를 힐링해온 것 같다. 그렇다면 다음 작품은 또 어떤 선택을 할까. 소지섭은 이제 천천히 숨을 고르며 차기작을 고를 계획이다. 이번엔 영화를 해보려고 생각 중이다. 또 드라마에서 보여준 이미지와는 다르게, 변신을 꿈꾸고 있다. </a> </p> </div> </div> </li> <li> <span class="byline"> <em>15.12.31 14:34</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000079" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/201512/4000079_43642_3548_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000079" target="_top">B.A.P</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000079" target="_top"> 무대에선 둘째가라면 서러운 거친 남성의 표상이지만 무대 아래 함께 모여 있을 때는 천생 해맑은 장난꾸러기들이다. 소년처럼 맑디맑은 얼굴을 하고 있지만 속은 제대로 영글었다. 힘들었던 시간은 음악에 대한 열정, 팬들에 대한 고마움을 되새기는 소중한 기회가 됐다. 또 그토록 그리던 무대에 다시 우뚝 섰으니, 이젠 단단해진 마음으로 힘차게 달리는 일만 남았다. 여전히 찬란한 청춘 한가운데 놓여 있는, 그래서 더 믿고 지켜보고 싶은 B.A.P와의 진솔한 인터뷰. </a> </p> </div> </div> </li> <li> <span class="byline"> <em>15.11.25 09:25</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000076" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/201511/4000076_43632_2629_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000076" target="_top">JYJ 김준수</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000076" target="_top"> 시작은 아이돌이었지만 아티스트로 거듭났다. 2012년 1집 ‘타란탈레그라(TARaNTALLEGRA)’를 비롯해 지난 3년간 ‘인크레더블(Incredible)’, ‘플라워(Flower)’ 3장의 앨범을 발매한 김준수(29)는 발라드부터 댄스, 힙합까지 다양한 장르의 곡을 소화하며 세계적 인기를 누리고 있다. 한국 남자 솔로 가수로서는 처음으로 월드 투어를 성공시켰고, 뮤지컬에 출연했다 하면 티켓 오픈 몇 분 만에 전석 매진을 기록한다. 그럼에도 돈이 아닌 꿈과 음악을 좇는, 그래서 믿고 듣고, 믿고 보는 진짜 아티스트 김준수와의 인터 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>15.10.27 14:38</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000075" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/201510/4000075_43624_3912_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000075" target="_top">씨엔블루</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000075" target="_top"> 씨엔블루에게 데뷔 후 6년은 빠르게 흘렀다. 음악 활동에, 연기에, 예능 출연에, 또 곡도 쓰고 해외 공연까지 쉴 틈 없이 달려왔다. 서로 다른 목표, 저마다의 꿈을 위해 자신만의 방식으로 치열하게 성장하고 있는 씨엔블루를 만났다. </a> </p> </div> </div> </li> <li> <span class="byline"> <em>15.10.27 14:37</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000074" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/201510/4000074_43617_3743_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000074" target="_top">성유리</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000074" target="_top"> 영화 ‘미안해 사랑해 고마워’의 개봉을 앞둔 여배우 성유리(35)를 만났다. 여전히 투명하고 눈부신 미소와 피부가 뷰티 화보 촬영장의 분위기와 꼭 어울려 마치 한 폭의 그림 같았다. SBS ‘힐링캠프’ 마지막 회에서 “방송을 하면서 늘 어떻게 하면 잘 들을 수 있을까 생각했다”며 MC로서도 완벽함을 잃지 않았던 그녀. 이제 우리가 그녀의 이야기를 잘 들어봐야겠다. </a> </p> </div> </div> </li> <li> <span class="byline"> <em>15.09.24 10:24</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000071" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/201509/4000071_43604_2948_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000071" target="_top">방탄소년단</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000071" target="_top"> 인생에서 가장 아름답고 행복한 시기인 ‘화양연화’를 열정 어린 땀으로 채워나가고 있는 방탄소년단. 2013년에 데뷔해 10대의 꿈, 행복, 사랑을 아우르는 ‘학교 3부작’을 노래하던 소년들이 어느새 청년으로 훌쩍 성장해 20대 청춘을 대변하고 있다. 앞으로 방탄소년단이 들려줄 청춘 이야기는 무엇일까. 화양연화 part 1을 마치고 part 2를 준비 중인 그들에게 물었다. </a> </p> </div> </div> </li> <li> <span class="byline"> <em>15.09.24 10:11</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000070" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/201509/4000070_43597_1212_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000070" target="_top">B1A4 진영</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000070" target="_top"> 정확히 1년 전 만났던 B1A4 진영(25)을 다시 만났다. 외적으로도, 내적으로도 성숙해진 그는 1년 사이 앳된 티를 벗고 어색함 없이 남자다움을 뽐내고 있었다. 떠오르는 ‘연기돌’로 자리 잡았지만 속까지 훤히 들여다보일 만큼 순수하고 솔직한 답변으로 인터뷰를 이어간 진영. 그의 대답 속에 앞으로 펼쳐질 1년, 아니 10년이 아주 환하고 빛나게 그려졌다. </a> </p> </div> </div> </li> <li> <span class="byline"> <em>15.08.28 11:15</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000069" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/201508/4000069_43591_1542_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000069" target="_top">지창욱</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000069" target="_top"> 같이 있는 것만으로도 기분이 좋아지는 사람이 있다. 배우 지창욱(28)은 주위 사람들에게 좋은 에너지를 나눠주는 유쾌한 남자였다. 처음 만난 이도 10년지기처럼 편하게 만들어주는 ‘재주꾼’이기도 했다. 지방을 다니며 영화 를 찍느라 오랜만에 ‘상경’했다며 호방하게 웃던 지창욱. 그의 8년 배우 생활을 드라마틱하게 풀어낸 흥미진진한 인터뷰를 소개한다. </a> </p> </div> </div> </li> <li> <span class="byline"> <em>15.07.29 13:41</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000068" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/201507/4000068_43585_5246_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000068" target="_top">엑소</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000068" target="_top"> 어두운 스튜디오가 이들의 등장으로 환해진다. 우유 빛깔의 뽀얀 수호(24), 청량한 탄산수 같은 백현(23), 싱그러운 햇살 미소의 첸(22). 이 셋의 조합은 존재 자체만으로도 마음 설레게 한다. 여기에 다정한 말투와 매너는 기본 장착, 스태프 한 명 한 명 눈 맞추며 웃던 그들. 왜 그토록 수많은 소녀 팬들이 열광하는지 확실히 알 것 같았다. 이름만 들어도 가슴 뛰는 그들과의 기분 좋은 수다. </a> </p> </div> </div> </li> <li> <span class="byline"> <em>15.06.25 11:09</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000067" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/201506/4000067_43572_1000_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000067" target="_top">이종석</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000067" target="_top"> 이탈리아 패션 잡화 브랜드 만다리나덕과 함께한 배우 이종석의 평범하지만 특별한, 단조롭지만 찬란한 어느 날. </a> </p> </div> </div> </li> <li> <span class="byline"> <em>15.05.26 11:42</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000066" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/201505/4000066_43563_4308_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000066" target="_top">이특</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000066" target="_top"> 여름이다. 10년 차 그룹 슈퍼주니어를 이끌고 있는 리더 이특도 소년이 되는 그런 여름이다. </a> </p> </div> </div> </li> <li> <span class="byline"> <em>15.04.24 15:05</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000065" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/201504/4000065_43556_0611_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000065" target="_top">다솜</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000065" target="_top"> 씨스타 다솜(21)과 브리티시 감성 캐주얼 브랜드 헤지스 레이디스가 들려주는 런던 여행기. </a> </p> </div> </div> </li> <li> <span class="byline"> <em>15.04.24 14:55</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000064" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/201504/4000064_43549_5559_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000064" target="_top">빅스</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000064" target="_top"> 나른한 봄, 한가한 일요일. 빅스에게 찾아온 꿈같은 휴일의 모습은? </a> </p> </div> </div> </li> <li> <span class="byline"> <em>15.03.26 10:16</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000063" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/201503/4000063_43538_1643_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000063" target="_top">박유천</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000063" target="_top"> 봄의 중심, 4월에 만난 ‘형사 박유천’. 차갑지만 따뜻한, 뜨겁지만 생생한 그의 눈빛이 진정한 봄의 시작을 알린다 </a> </p> </div> </div> </li> <li> <span class="byline"> <em>15.02.26 10:55</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000062" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/201502/4000062_43530_4211_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000062" target="_top">헨리</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000062" target="_top"> 이토록 유쾌한 댄디 보이는 어느 별에서 왔을까? 음악이면 음악, 예능이면 예능, 이제는 연기까지 섭렵한 슈퍼주니어-M 헨리. 그와 함께한 따스한 봄날의 촬영 현장. </a> </p> </div> </div> </li> <li> <span class="byline"> <em>15.02.26 10:39</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000061" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/201502/4000061_43524_3919_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000061" target="_top">신화</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000061" target="_top"> ‘완전체’라는 단어. 이는 바로 12집 컴백 앨범 발매를 앞둔 가수 ‘신화’를 두고 하는 말이다. 에릭(36), 민우(36), 동완(36), 혜성(36), 전진(35), 앤디(34). 이 매력적인 여섯 남자가 만들어 내는 완벽한 아우라를 느껴보자. </a> </p> </div> </div> </li> <li> <span class="byline"> <em>15.01.23 10:33</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000060" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/201501/4000060_43516_3409_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000060" target="_top">강남-하니</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000060" target="_top"> 완벽한 캠퍼스 커플이란 이들을 두고 말하는 것일까? 예능 대세 ‘강남’과 무대 위의 섹시 아이돌 EXID의 ‘하니’가 아웃도어 브랜드 블랙야크의 스포츠웨어와 신학기 라인업인 백팩, 스니커즈를 만나 완벽한 케미를 자랑했다. 마치 HR 시간을 연상시키는 세트 안에서 그들에겐 무슨 일이 벌어졌을까? 두 남녀가 완성한 신학기 러브 스토리. </a> </p> </div> </div> </li> <li> <span class="byline"> <em>15.01.23 10:30</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=4000059" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/201501/4000059_43510_3108_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=4000059" target="_top">호구의 사랑</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=4000059" target="_top"> tvN 드라마 으로 뭉친 네 남녀 유이(26), 최우식(24), 임슬옹(27), 이수경(18). 서로 바라만 봐도 웃음이 터지는 이들의 유쾌한 순간을 이 함께 했다. </a> </p> </div> </div> </li> </ul> </section> <!--// 웹진형 --> <!-- //샘플 지우면 안됨!!! ajax로 append시키기 위한 샘플 입니다. 만약 요소와 속성이 변경이 된다면 paginate.js 의 call 부분도 수정 해야 합니다. --> <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="pagination-oneprev"><a href="/news/articleList.html?page=4&total=144&box_idxno=&sc_sub_section_code=S2N18&view_type=sm" title="이전"><i class="icon-angle-left-min"><span class="show-for-sr">이전</span></i><span class="show-static-small-only">이전</span></a></li><li><a href="/news/articleList.html?page=1&total=144&box_idxno=&sc_sub_section_code=S2N18&view_type=sm">1</a></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 class="current user-bg">5</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=6&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=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> <!--// container --> </div> <style type="text/css"> #user-footer.type-24 {padding:50px 20px 80px;margin:1.875rem 0 0;background-color:#fff} #user-footer.type-24 > .inner {position:relative;margin:0 auto} /* navgation */ #user-footer.type-24 .footer-nav {margin:0 auto 1.875rem;font-size:0;text-align:left} #user-footer.type-24 .footer-nav > a {display:inline-block;overflow:hidden;margin-right:1.375rem;padding:0;font-size:.9375rem;font-weight:bold;line-height:1.375;color:rgba(0,0,0,.7)} #user-footer.type-24 .footer-nav > a:last-child {margin-right:0} /* gnb */ #user-footer.type-24 .footer-gnb {display:table;width:100%;table-layout:fixed} #user-footer.type-24 .footer-gnb > .gnb-cell {display:table-cell;width:100%;font-size:0;vertical-align:top} #user-footer.type-24 .footer-gnb > .gnb-cell.text-right {width:200px;padding-left:50px} /* logo */ #user-footer.type-24 .footer-gnb .user-logo {float:none;display:inline-block;margin:0;font-size:0} /* address */ #user-footer.type-24 .address {display:block;margin:0;padding:0;list-style:none} #user-footer.type-24 .address::after {content:'';display:table;clear:both} #user-footer.type-24 .address > li {float:left;font-size:.75rem;font-weight:lighter;line-height:1.625;color:#858585} #user-footer.type-24 .address > li::before {content:'';display:inline-block;overflow:hidden;width:0;height:.688rem;margin:0 .625rem;border-left:1px solid rgba(0,0,0,.15)} #user-footer.type-24 .address > li.clear {margin-left:0;clear:both} #user-footer.type-24 .address > li.copy {font-size:.813rem;color:#555} #user-footer.type-24 .address > :first-child::before, #user-footer.type-24 .address > li.clear::before {content:normal} #user-footer.type-24 .address a {color:inherit;text-decoration:none} </style> <!-- footer //--> <footer id="user-footer" class="type-24"> <div class="inner float-center width-1200"> <h2 class="show-for-sr">하단영역</h2> <nav class="footer-nav"> <h3 class="show-for-sr">하단메뉴</h3> <a href="/com/com-1.html">매체소개</a> <a href="http://www.atstar1.com/com/jb.html">기사제보</a> <a href="http://www.atstar1.com/com/ad.html">광고문의</a> <a href="/com/service.html">이용약관</a> <a href="/com/privacy.html" class="user-point">개인정보처리방침</a> <a href="/com/youthpolicy.html">청소년보호정책</a> <a href="/com/copyright.html">저작권보호정책</a> <a href="/com/emailno.html">이메일무단수집거부</a> <!-- <a href="/rss/">RSS</a> --> </nav> <article class="footer-gnb"> <div class="gnb-cell text-left"> <h3 class="show-for-sr">매체정보</h3> <ul class="address"> <li>서울특별시 강남구 학동로336, 6층(논현동, 메이트리빌딩) </li> <li>대표전화 : 02-544-7200</li> <li class="clear">법인명 : 스타일도어(주)</li> <li>제호 : 앳스타일</li> <li>등록번호 : 서울 아 01959</li> <li>발행일 : 2012년 3월 21일 </li> <li>등록일 : 2012-02-01</li> <li class="clear">발행인 : 이재환</li> <li>편집인 : 이재환 김소라</li> <li>청소년보호책임자 : 김소라</li> <li class="copy clear martop-20"> C<a href="http://www.atstar1.com/admin/adminLoginForm.html" tabindex="-1">o</a>pyright © 2024 앳스타일. <a href="http://www.atstar1.com/news/articleList.html?page=5&total=144&box_idxno=&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> <!--// footer --> <div class="clearfix text-center"> </div> <button type="button" id="back-to-top" class="back-to-top" title="위로"><i class="icon-arrow-top"><span class="show-for-sr">위로</span></i></button> </div> <!--// wrap --> </div> <div class="off-canvas user-canvas position-left is-closed" id="offCanvas" data-off-canvas data-transition="overlap"> <style type="text/css"> .user-canvas .user-canvas-navs .menu li > a:hover,.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a {background:#000} .user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent > a::after,.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a::after {border-top-color:#000} .user-canvas .user-canvas-navs .menu li ul.menu.nested li a:hover {color:#000} </style> <nav id="allService" class="user-canvas-navs"> <h2 class="show-for-sr">전체메뉴</h2> <!-- 1차 //--> <ul class="vertical menu accordion" data-accordion-menu data-multi-open="false"> <li><a href="/news/articleList.html?view_type=sm">전체기사</a></li> <li> <a href="/news/articleList.html?sc_section_code=S1N1&view_type=sm" target="_top">STAR</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N1&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N1&view_type=sm" target="_top">스타@스타일</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N2&view_type=sm" target="_top">스타@스캔</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N2&view_type=sm" target="_top">FASHION & BEAUTY</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N2&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N3&view_type=sm" target="_top">패션뉴스</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N4&view_type=sm" target="_top">뷰티뉴스</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N5&view_type=sm" target="_top">리얼품평</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N3&view_type=sm" target="_top">ENTERTAINMENT</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N3&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N6&view_type=sm" target="_top">드라마</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N7&view_type=sm" target="_top">영화</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N8&view_type=sm" target="_top">예능</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N9&view_type=sm" target="_top">뮤직</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N10&view_type=sm" target="_top">일반</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N4&view_type=sm" target="_top">LIFE & CULTURE</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N4&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N11&view_type=sm" target="_top">공연/전시</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N12&view_type=sm" target="_top">여행/레져</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N13&view_type=sm" target="_top">여행/맛집</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N14&view_type=sm" target="_top">건강정보</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N15&view_type=sm" target="_top">책</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N16&view_type=sm" target="_top">생활/문화</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N5&view_type=sm" target="_top">MEDIA</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N5&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N17&view_type=sm" target="_top">VIDEO</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N18&view_type=sm" target="_top">PHOTO</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N19&view_type=sm" target="_top">BEHIND CUT</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N6&view_type=sm" target="_top">COMMUNITY</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N6&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N20&view_type=sm" target="_top">편집인레터</a> </li> </ul> </li> </ul> </nav> <button class="close-button" aria-label="Close menu" type="button" data-close> <i class="icon-close-thin"><span class="show-for-sr">전체메뉴닫기</span></i> </button> </div> </div> </div> <script> // Popup Json var ___popup = []; bannerpop.popup(); </script> <script type="text/javascript"> // back to the top $(document).scroll(function(){ var sDocumentHeight = $(document).height() - $(window).height(); if($(document).scrollTop() > 0){ $('#back-to-top').fadeIn(); }else{ $('#back-to-top').fadeOut(); } }); $('#back-to-top, a[href="#top"]').click(function(){ $('html, body').animate( {scrollTop:0}, 100); }); </script> <!-- 구글 애드센스 S --> <script src="https://cdn.atstar1.com/adManager/js/lab.js"></script> <script> jQuery(function($) { setTimeout(function() { $LAB .script("//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js") .wait(function () { var adn = jQuery('.adsbygoogle').length; if (adn > 0) { for (var i = 0; i < adn; i++) { (adsbygoogle = window.adsbygoogle || []).push({}); } } }); }, 1000); }); </script> <!-- 구글 애드센스 E --> <script type="text/javascript" src="https://cdn.atstar1.com/library/isND/"></script> <script> $(document).ready(function(){ // 닫기 버튼 자동 노출 $('.ad-template.ad-close .ad-view').each(function(){ $(this).append('<div class="ad-close-btn"><i class="icon-close"></i></div>'); }) // 닫기 버튼 클릭 시 이벤트 $('body').on('click', '.ad-close-btn', function(){ $(this).closest('.ad-view').slideUp(); }) if(____is_nd) { // ND IP만 광고 ID 보이기 $('.ad-template').each(function(){ $(this).append('<div class="ad-code-id">'+$(this).attr('id')+'</div>'); }) // 광고 ID 자동 숨김 설정 시 $('.ad-code-id').hide(); $('.ad-template').mouseenter(function(){ $(this).find('.ad-code-id').show(); }).mouseleave(function(){ $(this).find('.ad-code-id').hide(); }) } }) /* ****************************************** */ /* 날개배너 스크립트 */ /* ****************************************** */ $('#wingBanner .wing-banner-left .wing-banner').each(function(){ if( $(this).data('scroll') == 'y' ) $(this).addClass('scroll-on'); }); $(window).scroll(function() { if( $('#wingBanner .wing-banner').length > 0 ){ // 날개배너가 있으면 작동 var scrollingHeight_L = nonScrollingHeight_L = scrollingHeight_R = nonScrollingHeight_R = 0; $('#wingBanner .wing-banner').each(function(idx){ var $_this = $(this), // 날개배너 scroll = $_this.data('scroll'), // 날개배너 스크롤 여부 topMargin = $_this.data('top-margin'), // 날개배너 상단여백 downMargin = $_this.data('down-margin'), // 날개배너 하단여백 duration = $_this.data('duration'), // 날개배너 스크롤 속도 direction = $_this.data('direction'), // 날개배너 위치 // bannerTop = $_this.offset().top, // 날개배너 상단 위치 (가변) bannderHeight = $_this.outerHeight(); // 날개배너 높이 (고정) var fixWingBannertop = $('#wingBanner').offset().top; // 날개배너 상단 위치 (고정) var articleTitleHeight = $('#sticky-header.scroll').height(); // 날개배너 스크롤 시 상단 타이틀 높이 (기사 본문 시) if(!articleTitleHeight) articleTitleHeight = 0; var $_userFooter = $('#user-footer'), // 사이트 Footer userFooterHeight = $_userFooter.outerHeight(); // 사이트 Footer 높이 (고정) var winScrollTop = $(window).scrollTop(), // 윈도우 스크롤 위치 (가변) winHeight = $(window).height(), // 윈도우 높이 docHeight = $(document).height(); // 페이지 높이 switch (direction) { // 날개 배너 위치 별 case 'left': if(scroll == 'y') scrollingHeight_L += bannderHeight; // 순서대로 노출되는 날개배너 중 스크롤 하는 배너의 높이값 (좌) else nonScrollingHeight_L += bannderHeight; // 순서대로 노출되는 날개배너 중 스크롤 하지 않는 배너의 높이값 (좌) break; case 'right': if(scroll == 'y') scrollingHeight_R += bannderHeight; // 순서대로 노출되는 날개배너 중 스크롤 하는 배너의 높이값 (우) else nonScrollingHeight_R += bannderHeight; // 순서대로 노출되는 날개배너 중 스크롤 하지 않는 배너의 높이값 (우) break; } if(scroll == 'y') { // 스크롤 배너만 움직임 처리 var bannerAllHeight = siteAllHeight = 0; // 좌우측 각각 배너 스크롤 처리를 위해 나눠서 처리 if(direction == 'left'){ // 좌측 날개 var wingBnTop_L = winScrollTop - fixWingBannertop + topMargin - nonScrollingHeight_L; // 날개배너 스크롤 위치 (가변) if( articleTitleHeight ) wingBnTop_L += articleTitleHeight; // 기사본문 시 상단 스크롤 타이틀이 나타나면 스크롤 타이틀 만큼 날개배너 위치 조정 if((fixWingBannertop + nonScrollingHeight_L) < winScrollTop) { bannerAllHeight = articleTitleHeight + scrollingHeight_L + 1; // 상단 타이틀 + 스크롤배너의 총 높이 siteAllHeight = winHeight - userFooterHeight + downMargin; // 윈도우 높이 + 사이트 Footer 높이 if( (winScrollTop >= ((docHeight - userFooterHeight) - winHeight)) && (bannerAllHeight >= siteAllHeight) ) { // 사이트 Footer 넘어가는 경우 처리 wingBnTop_L -= ((userFooterHeight + downMargin) - (winHeight - (scrollingHeight_L + topMargin + articleTitleHeight))); $('#wingBanner .wing-banner-left .wing-banner.scroll-on').animate({top:wingBnTop_L+"px" },{queue: false, duration: duration}); // 마지막 배너 움직임 처리 } } else { wingBnTop_L = 0; // 최상단 처리 } $_this.animate({top:wingBnTop_L+"px" },{queue: false, duration: duration}); } else { // 우측 날개 var wingBnTop_R = winScrollTop - fixWingBannertop + topMargin - nonScrollingHeight_R; // 날개배너 스크롤 위치 (가변) if( articleTitleHeight ) wingBnTop_R += articleTitleHeight; // 기사본문 시 상단 스크롤 타이틀이 나타나면 스크롤 타이틀 만큼 날개배너 위치 조정 if((fixWingBannertop + nonScrollingHeight_R) < winScrollTop) { bannerAllHeight = articleTitleHeight + scrollingHeight_R + 1; // 상단 타이틀 + 스크롤배너의 총 높이 siteAllHeight = winHeight - userFooterHeight + downMargin; // 윈도우 높이 + 사이트 Footer 높이 if( (winScrollTop >= ((docHeight - userFooterHeight) - winHeight)) && (bannerAllHeight >= siteAllHeight) ) { // 사이트 Footer 넘어가는 경우 처리 wingBnTop_R -= ((userFooterHeight + downMargin) - (winHeight - (scrollingHeight_R + topMargin + articleTitleHeight))); $('#wingBanner .wing-banner-right .wing-banner.scroll-on').animate({top:wingBnTop_R+"px" },{queue: false, duration: duration}); // 마지막 배너 움직임 처리 } } else { wingBnTop_R = 0; // 최상단 처리 } $_this.animate({top:wingBnTop_R+"px" },{queue: false, duration: duration}); } } }); } }); </script> </body> </html>

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