CINXE.COM

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>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 = 1732840828; // 즐겨찾기 스크립트 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="/news/articleList.html" data-serial-code="/news/articleList.html" data-multi-code=""> <!-- 최상단영역 //--> <div id="user-gnb"> <div class="mode-inner"> <!-- 최종편집 //--> <div class="updated">편집 : 2024-11-29 09:27 (금) </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"> MEDIA </h3> <div class="view-type"> <h3 class="show-for-sr">기사목록 보기 형태</h3> <div class="view-type-group"> <a href="/news/articleList.html?page=1&total=784&sc_section_code=S1N5&sc_sub_section_code=&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=784&sc_section_code=S1N5&sc_sub_section_code=&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=784&sc_section_code=S1N5&sc_sub_section_code=&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>23.05.11 14:57</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6000327" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202305/6000327_50311_577_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6000327" target="_top">우리 모두 더비가 될 수 있다고 생각한 적이 있습니까? 일어날 수 있으니 각오해라! #더보이즈(THEBOYZ) #THEBOYZ</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6000327" target="_top"> </a> </p> </div> </div> </li> <li> <span class="byline"> <em>23.05.11 14:55</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6000326" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202305/6000326_50309_556_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6000326" target="_top">확신의 사극상..?! 확신의 미인상 #이세영(LeeSeyoung) |</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6000326" target="_top"> </a> </p> </div> </div> </li> <li> <span class="byline"> <em>23.05.11 14:54</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6000324" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202305/6000324_50308_5331_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6000324" target="_top">몰랐는데 나 #김준서(KIM JUNSEO) 좋아하네...#WEi #KIMJUNSEO</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6000324" target="_top"> </a> </p> </div> </div> </li> <li> <span class="byline"> <em>23.05.11 14:52</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6000323" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202305/6000323_50307_525_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6000323" target="_top">Into our Future! #미래소년(MIRAE) 완전체 등장 #MIRAE</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6000323" target="_top"> </a> </p> </div> </div> </li> <li> <span class="byline"> <em>23.05.11 14:35</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6000318" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202305/6000318_50305_3515_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6000318" target="_top">어디서도 듣지 못했던 엔하이픈의 전하지 못한 진심,,OPEN #ENHYPEN</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6000318" target="_top"> </a> </p> </div> </div> </li> <li> <span class="byline"> <em>23.05.11 14:25</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6000317" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202305/6000317_50304_2451_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6000317" target="_top">광배의 2022 새해 부적 만들기!! 부적 만드는 게 이렇게 예쁠 일이야?! #강혜원(KANGHYEWON</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6000317" target="_top"> </a> </p> </div> </div> </li> <li> <span class="byline"> <em>23.05.11 14:23</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6000316" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202305/6000316_50303_2315_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6000316" target="_top">술도녀 예또 #한선화(HANSEONHWA)의 화끈한 2022 새해 버킷리스트</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6000316" target="_top"> </a> </p> </div> </div> </li> <li> <span class="byline"> <em>23.05.11 14:22</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6000314" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202305/6000314_50302_2118_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6000314" target="_top">사실 한반도는 4면이 바다임-! 동해, 서해, 남해 그리고 #엔하이픈(ENHYPEN)</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6000314" target="_top"> </a> </p> </div> </div> </li> <li> <span class="byline"> <em>23.05.10 17:01</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6000275" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202305/6000275_50264_018_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6000275" target="_top">포브스 선정 세계 미모 1위 #강혜원(KANGHYEWON) 바라만 봐도 즐겁다</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6000275" target="_top"> </a> </p> </div> </div> </li> <li> <span class="byline"> <em>23.05.10 16:55</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6000272" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202305/6000272_50265_26_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6000272" target="_top">[입덕영상] 라잇썸(LIGHTSUM) 입덕 열차 타세요~~~VIVACE~!</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6000272" target="_top"> </a> </p> </div> </div> </li> <li> <span class="byline"> <em>23.05.10 16:53</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6000271" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202305/6000271_50271_941_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6000271" target="_top">'속아도 꿈결'은 종영됐지만 내 마음 속에 영원히 방영중인 이태구</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6000271" target="_top"> </a> </p> </div> </div> </li> <li> <span class="byline"> <em>23.05.10 16:48</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6000268" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202305/6000268_50272_1133_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6000268" target="_top">BTOB 10년 우정붕괴 위기 | #은광 #민혁의 케미 테스트</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6000268" target="_top"> </a> </p> </div> </div> </li> <li> <span class="byline"> <em>23.05.10 16:45</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6000265" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202305/6000265_50268_626_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6000265" target="_top">아아! #온앤오프 가 다 대답해드립니다~</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6000265" target="_top"> </a> </p> </div> </div> </li> <li> <span class="byline"> <em>23.05.10 16:19</em> </span> <div class="views"> <a href="/news/articleView.html?idxno=6000257" target="_top" class="thumb"> <img src="https://cdn.atstar1.com/news/thumbnail/202305/6000257_50261_2042_v150.jpg" alt="" /> </a> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=6000257" target="_top">#이유비(LEEYUBI)가 말하는 ✨루비✨|만.찢.녀 루비의 퇴근 中 라이브</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=6000257" target="_top"> </a> </p> </div> </div> </li> <li> <span class="byline"> <em>21.10.14 09:50</em> </span> <div class="views"> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=3000505" target="_top">비투비 은광&민혁 촬영현장 스케치</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=3000505" target="_top"> </a> </p> </div> </div> </li> <li> <span class="byline"> <em>21.10.14 09:49</em> </span> <div class="views"> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=3000504" target="_top">김준호 촬영현장 스케치</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=3000504" target="_top"> </a> </p> </div> </div> </li> <li> <span class="byline"> <em>21.10.14 09:49</em> </span> <div class="views"> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=3000503" target="_top">이유비 촬영현장 스케치</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=3000503" target="_top"> </a> </p> </div> </div> </li> <li> <span class="byline"> <em>21.10.14 09:48</em> </span> <div class="views"> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=3000502" target="_top">온앤오프 촬영현장 스케치</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=3000502" target="_top"> </a> </p> </div> </div> </li> <li> <span class="byline"> <em>21.10.14 09:47</em> </span> <div class="views"> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=3000501" target="_top">박세진 촬영현장 스케치</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=3000501" target="_top"> </a> </p> </div> </div> </li> <li> <span class="byline"> <em>21.10.14 09:46</em> </span> <div class="views"> <div class="view-cont"> <h4 class="titles"><a href="/news/articleView.html?idxno=3000500" target="_top">김요한 촬영현장 스케치</a></h4> <p class="lead line-6x2"> <a href="/news/articleView.html?idxno=3000500" target="_top"> </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=784&box_idxno=&sc_section_code=S1N5&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=784&box_idxno=&sc_section_code=S1N5&view_type=sm">2</a></li><li><a href="/news/articleList.html?page=3&total=784&box_idxno=&sc_section_code=S1N5&view_type=sm">3</a></li><li><a href="/news/articleList.html?page=4&total=784&box_idxno=&sc_section_code=S1N5&view_type=sm">4</a></li><li><a href="/news/articleList.html?page=5&total=784&box_idxno=&sc_section_code=S1N5&view_type=sm">5</a></li><li><a href="/news/articleList.html?page=6&total=784&box_idxno=&sc_section_code=S1N5&view_type=sm">6</a></li><li><a href="/news/articleList.html?page=7&total=784&box_idxno=&sc_section_code=S1N5&view_type=sm">7</a></li><li><a href="/news/articleList.html?page=8&total=784&box_idxno=&sc_section_code=S1N5&view_type=sm">8</a></li><li><a href="/news/articleList.html?page=9&total=784&box_idxno=&sc_section_code=S1N5&view_type=sm">9</a></li><li><a href="/news/articleList.html?page=10&total=784&box_idxno=&sc_section_code=S1N5&view_type=sm">10</a></li><li class="pagination-onenext"><a href="/news/articleList.html?page=2&total=784&box_idxno=&sc_section_code=S1N5&view_type=sm" title="다음"><span class="show-static-small-only">다음</span><i class="icon-angle-right-min"><span class="show-for-sr">다음</span></i></a></li><li class="pagination-next"><a href="/news/articleList.html?page=11&total=784&box_idxno=&sc_section_code=S1N5&view_type=sm" title="다음"><i class="icon-angle-right-min"><span class="show-for-sr">다음</span></i></a></li><li class="pagination-end"><a href="/news/articleList.html?page=40&total=784&box_idxno=&sc_section_code=S1N5&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?sc_section_code=S1N5&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