CINXE.COM

<!doctype html> <html class="no-js" lang="ko" dir="ltr"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=1200"> <meta name="apple-mobile-web-app-title" content="앳스타일" />  <meta name="title" content="휘브 “1년 동안 성장한 우리들…이젠 더 멋진 아티스트 될 것” [스타@스타일]"/> <meta name="description" content="지난해 11월 8일, 휘브(WHIB)는 데뷔 싱글 ‘Cut-Out’으로 첫발을 내디뎠다. 1년이 지난 지금, 그들은 떠오르는 신예를 넘어 글로벌 팬들에게 사랑받는 아티스트로 자리 잡고 있다. 휘브는 ‘흑과 백’이라는 대조적인 매력으로 자신들만의 정체성을 구축했고, 앨범마다 새로운 도전을 이어가며 K-팝 팬들에게 강렬한 인상을 남겼다.휘브의 첫해는 화려한 데뷔 쇼케이스부터 시작해 음악 방송과 팬 이벤트, 그리고 글로벌 팬들을 만났던 팬밋업 등으로 이어졌다. 연이어 발표한 싱글 앨범은 그들의 음악적 성장을 보여주고 있다. 탄탄한 퍼포먼"/> <meta name="Classification" content="STAR > 스타@스타일 > 인터뷰"/> <meta name="Copyright" content="앳스타일"/> <meta property="og:site_name" content="앳스타일"/> <meta property="og:image" content="https://cdn.atstar1.com/news/thumbnail/202411/6019097_82521_20_v150.jpg" /> <meta property="og:type" content="article" /> <meta property="og:url" content="http://www.atstar1.com/news/articleView.html?idxno=6019097" /> <meta property="og:title" content="휘브 “1년 동안 성장한 우리들…이젠 더 멋진 아티스트 될 것” [스타@스타일]" /> <meta property="og:description" content="지난해 11월 8일, 휘브(WHIB)는 데뷔 싱글 ‘Cut-Out’으로 첫발을 내디뎠다. 1년이 지난 지금, 그들은 떠오르는 신예를 넘어 글로벌 팬들에게 사랑받는 아티스트로 자리 잡고 있다. 휘브는 ‘흑과 백’이라는 대조적인 매력으로 자신들만의 정체성을 구축했고, 앨범마다 새로운 도전을 이어가며 K-팝 팬들에게 강렬한 인상을 남겼다.휘브의 첫해는 화려한 데뷔 쇼케이스부터 시작해 음악 방송과 팬 이벤트, 그리고 글로벌 팬들을 만났던 팬밋업 등으로 이어졌다. 연이어 발표한 싱글 앨범은 그들의 음악적 성장을 보여주고 있다. 탄탄한 퍼포먼" /> <meta property="og:article:author" content="박승현 기자"/> <meta name="twitter:card" content="summary"/> <meta name="twitter:title" content="휘브 “1년 동안 성장한 우리들…이젠 더 멋진 아티스트 될 것” [스타@스타일]"/> <meta name="twitter:description" content="지난해 11월 8일, 휘브(WHIB)는 데뷔 싱글 ‘Cut-Out’으로 첫발을 내디뎠다. 1년이 지난 지금, 그들은 떠오르는 신예를 넘어 글로벌 팬들에게 사랑받는 아티스트로 자리 잡고 있다. 휘브는 ‘흑과 백’이라는 대조적인 매력으로 자신들만의 정체성을 구축했고, 앨범마다 새로운 도전을 이어가며 K-팝 팬들에게 강렬한 인상을 남겼다.휘브의 첫해는 화려한 데뷔 쇼케이스부터 시작해 음악 방송과 팬 이벤트, 그리고 글로벌 팬들을 만났던 팬밋업 등으로 이어졌다. 연이어 발표한 싱글 앨범은 그들의 음악적 성장을 보여주고 있다. 탄탄한 퍼포먼"/> <meta name="twitter:image" content="https://cdn.atstar1.com/news/thumbnail/202411/6019097_82521_20_v150.jpg"/> <meta name="twitter:site" content="http://www.atstar1.com/news/articleView.html?idxno=6019097"/> <meta name="twitter:creator" content="박승현 기자"/> <meta property="dable:item_id" content="6019097"> <meta property="dable:author" content="박승현 기자"> <meta property="article:section" content="STAR"> <meta property="article:section1" content="스타@스타일"> <meta property="article:section2" content="인터뷰"> <meta property="article:published_time" content="2024-11-30T08:00:00+09:00">  <link rel="shortcut icon" href="https://cdn.atstar1.com/image/logo/favicon.ico"> <title>휘브 “1년 동안 성장한 우리들…이젠 더 멋진 아티스트 될 것” [스타@스타일] < 인터뷰 < 스타@스타일 < STAR < 기사본문 - 앳스타일</title> <link rel="canonical" id="canonical" href="http://www.atstar1.com/news/articleView.html?idxno=6019097" /> <link rel="amphtml" href="http://www.atstar1.com/news/articleViewAmp.html?idxno=6019097">  <link rel="stylesheet" href="https://cdn.atstar1.com/css/jquery-ui.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/slick.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/jquery.timepicker.css" /> <link rel="stylesheet" href="https://cdn.atstar1.com/adManager/css/adManager.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/foundation.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/fontWgt/custom.foundation.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/webfonts.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/font.style.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/fontWgt/media.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/fontWgt/autobox.style.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/templates.style.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/fontWgt/plugin.style.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/fontWgt/style.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/design.style.css"><link rel="stylesheet" href="https://cdn.atstar1.com/menuskin/s_47/menubar.css"> <script src="https://cdn.atstar1.com/script/jquery.min.js"></script> <script src="https://cdn.atstar1.com/script/jquery-ui.min.js"></script> <script src="https://cdn.atstar1.com/script/slick.min.js"></script> <script src="https://cdn.atstar1.com/script/jquery.rwdImageMaps.min.js"></script> <script src="https://cdn.atstar1.com/script/what-input.js"></script> <script src="https://cdn.atstar1.com/script/foundation.min.js"></script> <script src="https://cdn.atstar1.com/menuskin/s_47/menubar.js"></script> <script src="https://cdn.atstar1.com/script/user.style.js"></script> <script src="https://cdn.atstar1.com/script/clipboard.min.js"></script> <script src="https://cdn.atstar1.com/script/jquery.timepicker.min.js"></script> <script src="https://cdn.atstar1.com/script/jquery.tabslet.min.js"></script> <script src="https://cdn.atstar1.com/script/common.js"></script>  <script type="text/javascript"> $(document).ready(function(e) { // 이미지맵 $('img[usemap]').rwdImageMaps(); bannerpop.banner(".banner_event_box"); // 기능성배너 이벤트 bannerpopMulti.bannerLoad(); // 멀티 기능성 배너 이벤트 // 기사뷰 이미지관련 resizePhoto(); // 기사본문 부분 복사하기 저작권 표시 $('#article-view-content-div').on('copy', function(e){ var sel = window.getSelection(); var copyFooter = "<br/><br/>출처 : 앳스타일(http://www.atstar1.com)<br/>"; var copyHolder = $('<div>', {html: sel+copyFooter, id:'copy_text', style: {position: 'absolute', left: '-99999px'}}); $('body').append(copyHolder); var str = $('#copy_text').html(); $('#copy_text').html(str.replace(/(\r\n|\n|\r)/gm, "<br />")); sel.selectAllChildren( copyHolder[0] ); window.setTimeout(function() { copyHolder.remove(); },0); }); }); // 도메인 var SITE_DOMAIN = 'http://www.atstar1.com' ,___currentTime = 1733206245; // 즐겨찾기 스크립트 function bookmark() { window.external.AddFavorite("http://www.atstar1.com", "앳스타일") } </script> <style type="text/css"> /* 사이트 기본 색 */ .user-point,a.user-point, .poll-columns .poll-state.going {color:#000 !important} .user-bg,.user-bg:hover,.user-bg:active,.user-bg:focus,li[id*="slick-"].slick-active button[data-role],.tabs .is-active a, .checkbox-group > input[type="radio"]:checked + label::before, .checkbox-group > input[type="checkbox"]:checked + label::before, .radio-group > input[type="radio"]:checked + label::before, .radio-group > input[type="checkbox"]:checked + label::before, .poll-view .poll-view-state.going,.poll-view .poll-radio input[type="radio"]:checked + label::before,.poll-view .poll-radio input[type="checkbox"]:checked + label::before, .nd-switch.user-bg input[type="checkbox"]:checked + label,.nd-switch.user-bg input[type="radio"]:checked + label, .nd-switch.user-bg input[type="checkbox"]:checked + label::before,.nd-switch.user-bg input[type="radio"]:checked + label::before, .switch-group.user-bg > .nd-switch input[type="checkbox"]:checked + label,.switch-group.user-bg > .nd-switch input[type="radio"]:checked + label {background-color:#000 !important} .user-border, .checkbox-group input[type="checkbox"] + label::before, .checkbox-group input[type="radio"] + label::before, .radio-group input[type="checkbox"] + label::before, .radio-group input[type="radio"] + label::before, .poll-view .poll-radio input[type="radio"] + label:hover strong::before,.poll-view .poll-radio input[type="checkbox"] + label:hover strong::before, .poll-view .poll-radio input[type="radio"]:checked + label strong::before,.poll-view .poll-radio input[type="checkbox"]:checked + label strong::before, #gallery-wrap .gallery-content.view-page .gallery-thumb .nav-content.slick-current::before {border-color:#000 !important} .user-border-top {border-top-color:#000 !important} .user-border-bottom {border-bottom-color:#000 !important} .user-border-left {border-left-color:#000 !important} .user-border-right {border-right-color:#000 !important} .checkbox-group input[type="checkbox"] + label::before, .checkbox-group input[type="radio"] + label::before, .radio-group input[type="checkbox"] + label::before, .radio-group input[type="radio"] + label::before {opacity:.3} .checkbox-group > input[type="radio"]:checked + label::before, .checkbox-group > input[type="checkbox"]:checked + label::before, .radio-group > input[type="radio"]:checked + label::before, .radio-group > input[type="checkbox"]:checked + label::before {opacity:initial} /* view */ @media screen and (max-width: 1320px) { #sticky-header .aht-btn {display:none !important} } /* site size */ .width-1200 {width:1200px} .max-width-1200 {max-width:1200px} .min-width-1200 {min-width:1200px} </style> <meta name="naver-site-verification" content="a08bf011408083d15ffbce10b5f3f292e4df4413" /> <meta name="google-site-verification" content="-IP5VzHyt0wzi_mPAF0W3odWGR6nSp65j8QO8d9G6Yo" /> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-22729569-2']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> <script type="text/javascript"> if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = "16dbcddcef36"; wcs_do(); </script> <script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> <script type="text/javascript"> if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = "3ad29e75bf1ac8"; wcs_do(); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-X64MW7MK67"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-X64MW7MK67'); </script>  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3211516744310540" crossorigin="anonymous"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-NRJQRXJFRB"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-NRJQRXJFRB'); </script> </head> <body class=" " style=""> <nav class="skip-nav"> <a href="#user-menu" onclick="document.getElementById('user-menu').tabIndex = -1;document.getElementById('user-menu').focus();return false;" class="user-border"><span>주요서비스 바로가기</span></a> <a href="#user-container" onclick="document.getElementById('user-container').tabIndex = -1;document.getElementById('user-container').focus();return false;" class="user-border"><span>본문 바로가기</span></a> <a href="#user-footer" onclick="document.getElementById('user-footer').tabIndex = -1;document.getElementById('user-footer').focus();return false;" class="user-border"><span>매체정보 바로가기</span></a> <a href="#userLogin" onclick="document.getElementById('userLogin').tabIndex = -1;document.getElementById('userLogin').focus();return false;" class="user-border"><span>로그인 바로가기</span></a> <a href="#userSearch" onclick="document.getElementById('userSearch').tabIndex = -1;document.getElementById('userSearch').focus();return false;" class="user-border"><span>기사검색 바로가기</span></a> <a href="#allService" onclick="document.getElementById('allService').tabIndex = -1;document.getElementById('allService').focus();return false;" class="user-border"><span>전체서비스 바로가기</span></a> </nav>  <div class="off-canvas-wrapper"> <div class="off-canvas-wrapper-inner" data-off-canvas-wrapper> <div class="off-canvas-content" data-off-canvas-content>  <div id="user-wrap" class="min-width-1200"> <div id="user-wrapper">  <header id="user-header" class="posi-re float-center"> <h2 class="show-for-sr">상단영역</h2> <div class="clearfix text-center"> </div> <style type="text/css"> #header-wrapper .mode-inner, #nav-header {width:1200px} /* 1차 */ #user-nav .user-menu > .secline > a.a-hover {color:#000} #user-nav .user-menu .secline > a::before {border-left-color:#000} #user-nav .user-menu .secline > a::after {background-color:#000} /* 2차 - vertical */ #user-nav .user-menu .secline > ul {border-color:#000} /* 2차 - vertical & use autobox */ #header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline > ul {width:1200px;padding-right:calc(1200px - 300px)} #header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .sub > a.a-sub-hover, #header-wrapper.vertical.nav-autobox #user-nav .user-menu .secline .sub > a:hover {color:#fff;background-color:#000} </style>  <div id="header-wrapper" class="vertical full left " data-main-code="S1N1" data-sub-code="S2N1" data-serial-code="SRN1" data-multi-code="">  <div id="user-gnb"> <div class="mode-inner">  <div class="updated">편집 : 2024-12-03 11:35 (화) </div>  </div> </div>   <header id="nav-header"> <div class="user-banner text-left"> </div> <h1 class="user-logo text-center"> <a href="http://www.atstar1.com" target="_top"><img src="https://cdn.atstar1.com/image/logo/toplogo_20240729053134.png" alt="앳스타일"></a> </h1> <div class="user-banner text-right"> </div> </header>   <nav id="user-nav"> <div class="mode-inner"> <article class="nav-cell text-left"> <div class="user-sns"> <a href="https://www.facebook.com/atstar1/" target="_blank" class="fb"><i class="icon-facebook"><span class="show-for-sr">facebook</span></i></a> <a href="https://www.instagram.com/atstar1magazine/" target="_blank" class="in"><i class="icon-instagram"><span class="show-for-sr">insta</span></i></a> <a href="https://www.youtube.com/playlist?list=PLjLF-cauu4lACQ_mY2tvHWTeVFfXjhZlx" target="_blank" class="yt"><i class="icon-youtube-play"><span class="show-for-sr">youtube</span></i></a> <a href="https://post.naver.com/atstar1?isHome=1" target="_blank" class="ps"><i class="icon-post"><span class="show-for-sr">post</span></i></a> </div> </article> <article class="nav-cell text-center">  <ul id="user-menu" class="user-menu"> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N1&view_type=sm" target="_top" data-code="S1N1">STAR</a> <ul> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N1&view_type=sm" target="_top" data-code="S2N1">스타@스타일</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N2&view_type=sm" target="_top" data-code="S2N2">스타@스캔</a> </li> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N2&view_type=sm" target="_top" data-code="S1N2">FASHION & BEAUTY</a> <ul> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N3&view_type=sm" target="_top" data-code="S2N3">패션뉴스</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N4&view_type=sm" target="_top" data-code="S2N4">뷰티뉴스</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N5&view_type=sm" target="_top" data-code="S2N5">리얼품평</a> </li> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N3&view_type=sm" target="_top" data-code="S1N3">ENTERTAINMENT</a> <ul> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N6&view_type=sm" target="_top" data-code="S2N6">드라마</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N7&view_type=sm" target="_top" data-code="S2N7">영화</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N8&view_type=sm" target="_top" data-code="S2N8">예능</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N9&view_type=sm" target="_top" data-code="S2N9">뮤직</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N10&view_type=sm" target="_top" data-code="S2N10">일반</a> </li> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N4&view_type=sm" target="_top" data-code="S1N4">LIFE & CULTURE</a> <ul> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N11&view_type=sm" target="_top" data-code="S2N11">공연/전시</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N12&view_type=sm" target="_top" data-code="S2N12">여행/레져</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N13&view_type=sm" target="_top" data-code="S2N13">여행/맛집</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N14&view_type=sm" target="_top" data-code="S2N14">건강정보</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N15&view_type=sm" target="_top" data-code="S2N15">책</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N16&view_type=sm" target="_top" data-code="S2N16">생활/문화</a> </li> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N5&view_type=sm" target="_top" data-code="S1N5">MEDIA</a> <ul> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N17&view_type=sm" target="_top" data-code="S2N17">VIDEO</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N18&view_type=sm" target="_top" data-code="S2N18">PHOTO</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N19&view_type=sm" target="_top" data-code="S2N19">BEHIND CUT</a> </li> </ul> </li> <li class="secline"> <a href="/bbs/list.html?table=bbs_1" target="_top" data-code="bbs_1">COMMUNITY</a> <ul> <li class="sub"> <a href="/bbs/list.html?table=bbs_1" target="_top" data-code="bbs_1">공지사항</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N20&view_type=sm" target="_top" data-code="S2N20">편집인레터</a> </li> <li class="sub"> <a href="/bbs/list.html?table=bbs_2" target="_top" data-code="bbs_2">이벤트</a> </li> </ul> </li> </ul>  </article> <article class="nav-cell text-right">  <button type="button" class="user-allbtn" title="전체메뉴" data-toggle="offCanvas"><i class="icon"><span class="show-for-sr">전체메뉴 버튼</span></i></button>  <div id="userLogin" class="user-logbox"> <button type="button" class="logbox-btn"><i class="icon-profile-o"><span class="show-for-sr">회원정보</span></i></button> <ul class="user-loglist"> <li><a href="http://www.atstar1.com/member/login.html" target="_top">로그인</a></li> <li><a href="http://www.atstar1.com/member/index.html" target="_top">회원가입</a></li> </ul> </div>   <div id="userSearch" class="user-search"> <button type="button" class="sch-btns"><i class="icon-search-thin"><span class="show-for-sr">검색하기</span></i></button> <fieldset class="user-search-form"> <form name="head-search" method="get" class="clearfix" action="/news/articleList.html"> <input type="hidden" name="sc_area" value="A"> <input type="hidden" name="view_type" value="sm"> <label class="show-for-sr" for="search">기사검색</label> <input type="text" name="sc_word" id="search" onkeydown="if(event.keyCode==13){if(this.form.sc_word.value != ''){this.form.submit();}else{alert('검색어를 입력해주세요');return false;}}" placeholder="검색어 입력" title="기사검색"> <button type="button" title="기사검색" onclick="if(this.form.sc_word.value != ''){this.form.submit();}else{alert('검색어를 입력해주세요');this.form.sc_word.focus();return false;}"><i class="icon-search"><span class="show-for-sr">검색</span></i></button> </form> </fieldset> </div>  </article> </div> </nav>  </div>  <script type="text/javascript">  </script> </header>   <section id="user-container" class="posi-re text-left float-center width-1200"> <h2 class="show-for-sr">본문영역</h2> <div id="layer-popups" class="float-center width-1200"></div> <div class="posi-re float-center width-1200"><div id="floating_banner_left" class="view-aside left-wing" data-scroll="y" data-top-margin="20" data-down-margin="15" data-duration="300"> </div> <div id="floating_banner_right" class="view-aside right-wing" data-scroll="n" data-top-margin="20" data-down-margin="15" data-duration="300"> </div> </div>  <div class="posi-re float-center width-1200" id="wingBanner"> <div class="wing-banner-left"> </div> <div class="wing-banner-right"> </div> </div>  <script src="//developers.kakao.com/sdk/js/kakao.min.js"></script> <script src="https://cdn.atstar1.com/script/share.sns.js"></script> <script> var site_ismobile = ''; // 현재 모바일접속 여부 var kakaojavascriptkey = ''; // 카카오앱 자바스크립트키 var articleIdxno = '6019097'; $(document).ready(function(e) { if(kakaojavascriptkey) kakaoinit(kakaojavascriptkey); var sns_clipboard = new Clipboard('.sns_clipboard'); sns_clipboard.on('success', function(e) { alert("클립보드에 복사되었습니다. \nCtrl+v해서 원하는 곳에 붙여넣으세요."); }); $('button.sns-share-btns').on('click', function(e) { var sns = $(this).data('sharesns'); var title = $(this).data('title'); var desc = $(this).data('desc'); var url = $(this).data('url'); var img = $(this).data('image'); if(sns == "link") return true; // SNS 공유 통계 집계 (공유하기에 영향을 주지않도록 체크하지는 않음) snsShareStats(articleIdxno, sns); if(sns == "kakao") { sendKakaoTalk(url, title, desc, img); }else if(sns == "kakaostory") { shareStory(url, title, desc, img); }else if(sns == "band") { shareBand(url, title); }else if(sns == "telegram") { shareTelegram(url, title); }else{ shareOtherSNS(sns, title, url, img); } }); }); </script> <style type="text/css"> /* edit skin css START */ /* user wrap reset */ #user-container {width:auto !important} /* grid */ #user-wrap.mobile #article-view {margin-left:-1.25rem;margin-right:-1.25rem} #article-view .article-view-content {display:table;width:100%;table-layout:fixed} #article-view .article-view-content > .grid {display:table-cell;width:100%;vertical-align:top} #article-view .article-view-content > .grid.body {padding-right:3.75rem} #article-view .article-view-content > .grid.side {width:360px;background-color:#f9f9f9} #article-view .article-view-content > .grid.side .sticky {padding:1.875rem} #article-view .article-view-content > .grid.side .edit-level1, #article-view .article-view-content > .grid.side .edit-level1 .edit-contents {background:initial} #article-view .grid.side .sticky {width:100%} #article-view .article-veiw-body {margin-bottom:5rem} @media screen and (max-width: 63.9375em) { .row #article-view .article-view-content, .row #article-view .article-view-content > .grid {display:block;width:auto} .row #article-view .article-view-content {table-layout:inherit} .row #article-view .article-view-content > .grid {vertical-align:inherit} .row #article-view .article-view-content > .grid.body {padding-right:0} .row #article-view .article-view-content > .grid.side {padding-left:0} #user-wrap .row #article-view .article-view-content > .grid.side {margin-left:-1.25rem;margin-right:-1.25rem} .row #article-view .respons-edit > [class*="float-"] {float:none !important;width:auto !important;padding:0 !important} .row #article-view .respons-edit > .float-right {display:none !important} .row #article-view .grid.side .sticky-container {height:auto !important} .row #article-view .grid.side .sticky {position:static !important;top:auto !important;bottom:auto !important;max-width:none !important;margin:0 !important} } /* sticky header */ #article-view #aht-set {display:block;height:68px} #article-view #aht-set .sticky {z-index:80;width:100%;background:none} #article-view #aht-set .sticky > .float-center {background-color:#fff} #article-view #aht-set.on .sticky > .float-center {border-bottom:1px solid #e7e7e7} #article-view #aht-set .sticky::after {content:'';display:table;clear:both} #article-view #aht-set .aht-logo {display:none;float:left;max-width:95px;margin:0 1.875rem 0 0;font-size:0;line-height:68px} #article-view #aht-set.on .aht-logo {display:block} #article-view #aht-set .aht-logo > a {display:block} #article-view #aht-set .aht-heading {display:none;overflow:hidden;float:left;width:70%;max-width:520px;margin-bottom:0;font-size:1.125rem;line-height:68px;text-overflow:ellipsis;white-space:nowrap} #article-view #aht-set.on .aht-heading {display:block} #article-view #aht-set .aht-toolkit {float:right;padding:0;margin:0;font-size:0;list-style:none;text-align:right} #article-view #aht-set .aht-toolkit > li {display:inline-block;vertical-align:middle} #article-view #aht-set .aht-toolkit > li:not(:first-child) {margin-left:1.25rem} #article-view #aht-set .aht-toolkit .tool {height:68px;font-size:1.5rem;cursor:pointer} @media screen and (max-width: 63.9375em) { .row #article-view #aht-set {height:60px} .row #article-view #aht-set .sticky {border-bottom-color:rgba(0,0,0,.08)} .row #article-view #aht-set .aht-logo {line-height:60px} .row #article-view #aht-set .aht-heading {display:none !important} .row #article-view #aht-set .aht-toolkit .tool {font-size:1.25rem} } @media screen and (max-width: 39.9375em) { .row #article-view #aht-set .aht-logo {margin-left:1.25rem;margin-right:1.25rem} .row #article-view #aht-set .aht-toolkit > .hide-mb {display:none !important} } /* view header */ #article-view .article-view-header {border-bottom:none;text-align:center} #article-view .article-view-header .sticky {z-index:1;width:100%;padding-top:7.5rem;background-color:#fff} #article-view .heading {margin:0 0 1.875rem;font-size:2.8125rem} #article-view .subheading {padding-left:1.125rem;font-size:1.375rem;font-weight:400;font-weight:var(--wgt400, 400);line-height:1.625;border-left-color:#000} #article-view .infomation {margin-bottom:1.25rem} #article-view .infomation > li {font-size:.875rem} #article-view .artview-tool {display:block;padding:0;margin:1.875rem 0 0;font-size:0;list-style:none} #article-view .artview-tool > li {display:inline-block;font-size:1.625rem;line-height:1;vertical-align:middle} #article-view .artview-tool > li:not(:first-child) {margin-left:1.375rem} #article-view .artview-tool > li a {color:inherit;text-decoration:none} #article-view .artview-tool > li small {font-size:1rem;font-weight:300;font-weight:var(--wgt300, 300);vertical-align:middle} #article-view .artview-tool .fontsize-group {display:block;font-size:0;text-align:left} #article-view .artview-tool .fontsize-group > .item {display:inline-block;font-size:1.625rem;line-height:1;vertical-align:middle} #article-view .artview-tool .fontsize-group > .item.letter {font-size:1.125rem} #article-view .artview-tool .fontsize-group > .item:not(:first-child) {margin-left:.375rem} #article-view .artview-tool .fontsize-group button {cursor:pointer} @media screen and (max-width: 63.9375em) { .row #article-view .article-view-header .sticky {padding-left:1.875rem;padding-right:1.875rem} .row #article-view .heading {font-size:2rem} } @media screen and (max-width: 39.9375em) { .row #article-view .article-view-header .sticky {padding-top:3.5rem} .row #article-view .infomation > li {display:block;line-height:1.625} .row #article-view .infomation > li::after {content:normal} .row #article-view .subheading {font-size:1.25rem} } /* view body */ #user-wrap #article-view .wrapper {position:relative;z-index:5;background-color:#fff} #user-wrap #article-view .wrapper > .float-center {padding-top:5rem;border-top:1px solid #c4c4c4} #article-view .article-copy {margin:1.875rem auto;padding:0;font-size:inherit;font-size:300;font-weight:var(--wgt300, 300);color:inherit;border-top:none;text-align:left} @media screen and (max-width: 63.9375em) { #user-wrap .row #article-view .wrapper {padding-left:1.25rem;padding-right:1.25rem;border-top-color:rgba(0,0,0,.05)} } /* relation */ #article-view .relation {margin-top:0} #article-view .relation .list li a {font-size:1.125rem;font-weight:500;font-weight:var(--wgt500, 500)} #article-view .relation .list li a::before {border-width:0 0 2px 2px} @media screen and (max-width: 39.9375em) { .row #article-view .relation .list li a {display:block;overflow:hidden;font-size:1.0625rem;white-space:nowrap;text-overflow:ellipsis} } /* tag */ #article-view .tag-group {margin-top:1rem;margin-bottom:1rem} #article-view .tag-group .tag {padding:0;margin-right:1.5625rem;font-size:1.125rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.375;background:none} @media screen and (max-width: 39.9375em) { .row #article-view .tag-group .tag {font-size:1rem} } /* writer */ #article-view .writer {margin-bottom:3.125rem;border-top-color:#000} /* footer */ #article-view .view-footer-group {display:block;padding:3.125rem 0;background-color:#fff;border-top:1px solid #000} #article-view .view-footer-group > .inner {display:table;width:100%;table-layout:fixed} #article-view .view-footer-group > .inner > .item {display:table-cell;width:100%;vertical-align:top} #article-view .view-footer-group > .inner > :first-child:nth-last-child(2) {padding-right:3.75rem} #article-view .view-footer-group > .inner > :last-child:nth-child(2) {width:360px;padding:0 1.875rem} /* box skin */ #article-view .box-skin.idx--box .header > strong, #article-view .box-skin.idx--box .header > a, #article-view .box-skin.idx--box .header .skin-column > strong, #article-view .box-skin.idx--box .header .skin-column > a {font-size:1.375rem} #article-view .box-skin.idx--large .header > strong, #article-view .box-skin.idx--large .header > a, #article-view .box-skin.idx--large .header .skin-column > strong, #article-view .box-skin.idx--large .header .skin-column > a {font-size:1.875rem} #article-view .box-skin.idx--small .header > strong, #article-view .box-skin.idx--small .header > a, #article-view .box-skin.idx--small .header .skin-column > strong, #article-view .box-skin.idx--small .header .skin-column > a {font-size:1.125rem} /* edit skin css END */ </style> <div id="article-view">  <div class="clearfix"> </div>  <div id="aht-set" data-sticky-container> <div class="sticky" data-sticky data-options="marginTop:0;" data-top-anchor="article-view:top" data-btm-anchor="user-container:bottom" data-check-every="0" data-sticky-on="small"> <div class="float-center clearfix" style="max-width:1200px"> <h2 class="aht-logo"> <a href="http://www.atstar1.com"> <img src="https://cdn.atstar1.com/image/logo/toplogo_20240729053134.png" alt="앳스타일" /> </a> </h2> <h3 class="aht-heading">휘브 “1년 동안 성장한 우리들…이젠 더 멋진 아티스트 될 것” [스타@스타일]</h3> <ul class="aht-toolkit"> <li class="hide-mb"><button type="button" class="tool" onclick="articlePrint('6019097')" title="인쇄"><i class="icon-print"><span class="show-for-sr">바로가기</span></i></button></li> <li><button type="button" class="tool" title="다른 공유" data-open="article-sns"><i class="icon-share-alt-o"><span class="show-for-sr">다른 공유 찾기</span></i></button></li> <li><button type="button" class="tool scrap-btn" data-idxno="6019097" title="기사스크랩"><i class="icon-bookmark-o"><span class="show-for-sr">기사저장</span></i></button></li> <li class="hide-mb"><button type="button" class="tool sns_clipboard" data-clipboard-text="http://www.atstar1.com/news/articleView.html?idxno=6019097" title="URL주소"><i class="icon-link"><span class="show-for-sr">복사하기</span></i></button></li> </ul> </div> </div> </div> <script> $(document).ready(function(e) { $('.scrap-btn').on('click', function(e) { var idxno = $(this).data('idxno'); if(confirm("기사를 스크랩 하시겠습니까?")){ $.ajax({ type: 'post', dataType: 'json', url: '/news/articleScrap.ajax.php', data: {'tp':'A', 'idxno':idxno}, success: function(data) { alert(data[1]); }, error: function(error, request) { alert('error!!!'); console.log("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error); } }); } }); // 로고보이기 var $selSideGrid = $('#viewResizing'); $(document).scroll(function() { if($selSideGrid.hasClass('is-stuck') || $selSideGrid.hasClass('is-at-bottom')) $('#aht-set').addClass('on'); else $('#aht-set').removeClass('on'); }); }); </script>  <header class="article-view-header" data-sticky-container> <div id="viewResizing" class="sticky" data-sticky data-options="marginTop:0;" data-top-anchor="aht-set:bottom" data-btm-anchor="articleViewCon:bottom" data-check-every="0" data-sticky-on="small"> <div class="inner float-center" style="max-width:1200px"> <h3 class="heading">휘브 “1년 동안 성장한 우리들…이젠 더 멋진 아티스트 될 것” [스타@스타일]</h3>  <ul class="infomation"> <li> <i class="icon-user-o"><span class="show-for-sr">기자명</span></i> 박승현 기자 </li> <li><i class="icon-clock-o"></i> 입력 2024.11.30 08:00</li> <li><i class="icon-check-circle-o"></i> 수정 2024.11.30 12:50</li> </ul> <ul class="artview-tool"> <li><i class="icon-comment-o"></i> <small>0</small></li> <li> <div class="fontsize-group"> <button type="button" class="item fontsise-btn" value="down" title="본문글씨 줄이기"><i class="icon-minus-circle-o"><span class="show-for-sr">본문 글씨 줄이기</span></i></button> <span class="item letter"><i class="icon-fontsize"><span class="show-for-sr">본문 글씨 키우기</span></i></span> <button type="button" class="item fontsise-btn" value="up" title="본문글씨 키우기"><i class="icon-plus-circle-o"><span class="show-for-sr">본문 글씨 키우기</span></i></button> </div> </li> </ul> </div> </div> </header>  <div class="reveal" id="article-sns" data-reveal data-v-offset="50"> <div class="reveal-header"> <div class="reveal-title">이 기사를 공유합니다</div> </div> <section class="reveal-container"> <div class="social-group for-other"> <button type="button" class="sns sns-share-btns facebook " data-sharesns="facebook" data-title="%ED%9C%98%EB%B8%8C%20%E2%80%9C1%EB%85%84%20%EB%8F%99%EC%95%88%20%EC%84%B1%EC%9E%A5%ED%95%9C%20%EC%9A%B0%EB%A6%AC%EB%93%A4%E2%80%A6%EC%9D%B4%EC%A0%A0%20%EB%8D%94%20%EB%A9%8B%EC%A7%84%20%EC%95%84%ED%8B%B0%EC%8A%A4%ED%8A%B8%20%EB%90%A0%20%EA%B2%83%E2%80%9D%20%5B%EC%8A%A4%ED%83%80%40%EC%8A%A4%ED%83%80%EC%9D%BC%5D" data-url="http%3A%2F%2Fwww.atstar1.com%2Fnews%2FarticleView.html%3Fidxno%3D6019097" data-desc="%EC%A7%80%EB%82%9C%ED%95%B4%2011%EC%9B%94%208%EC%9D%BC%2C%20%ED%9C%98%EB%B8%8C%28WHIB%29%EB%8A%94%20%EB%8D%B0%EB%B7%94%20%EC%8B%B1%EA%B8%80%20%E2%80%98Cut-Out%E2%80%99%EC%9C%BC%EB%A1%9C%20%EC%B2%AB%EB%B0%9C%EC%9D%84%20%EB%82%B4%EB%94%94%EB%8E%A0%EB%8B%A4.%201%EB%85%84%EC%9D%B4%20%EC%A7%80%EB%82%9C%20%EC%A7%80%EA%B8%88%2C%20%EA%B7%B8%EB%93%A4%EC%9D%80%20%EB%96%A0%EC%98%A4%EB%A5%B4%EB%8A%94%20%EC%8B%A0%EC%98%88%EB%A5%BC%20%EB%84%98%EC%96%B4%20%EA%B8%80%EB%A1%9C%EB%B2%8C%20%ED%8C%AC%EB%93%A4%EC%97%90%EA%B2%8C%20%EC%82%AC%EB%9E%91%EB%B0%9B%EB%8A%94%20%EC%95%84%ED%8B%B0%EC%8A%A4%ED%8A%B8%EB%A1%9C%20%EC%9E%90%EB%A6%AC%20%EC%9E%A1%EA%B3%A0%20%EC%9E%88%EB%8B%A4.%20%ED%9C%98%EB%B8%8C%EB%8A%94%20%E2%80%98%ED%9D%91%EA%B3%BC%20%EB%B0%B1%E2%80%99%EC%9D%B4%EB%9D%BC%EB%8A%94%20%EB%8C%80%EC%A1%B0%EC%A0%81%EC%9D%B8%20%EB%A7%A4%EB%A0%A5%EC%9C%BC%EB%A1%9C%20%EC%9E%90%EC%8B%A0%EB%93%A4%EB%A7%8C%EC%9D%98%20%EC%A0%95%EC%B2%B4%EC%84%B1%EC%9D%84%20%EA%B5%AC%EC%B6%95%ED%96%88%EA%B3%A0%2C%20%EC%95%A8%EB%B2%94%EB%A7%88%EB%8B%A4%20%EC%83%88%EB%A1%9C%EC%9A%B4%20%EB%8F%84%EC%A0%84%EC%9D%84%20%EC%9D%B4%EC%96%B4%EA%B0%80%EB%A9%B0%20K-%ED%8C%9D%20%ED%8C%AC%EB%93%A4%EC%97%90%EA%B2%8C%20%EA%B0%95%EB%A0%AC%ED%95%9C%20%EC%9D%B8%EC%83%81%EC%9D%84%20%EB%82%A8%EA%B2%BC%EB%8B%A4.%ED%9C%98%EB%B8%8C%EC%9D%98%20%EC%B2%AB%ED%95%B4%EB%8A%94%20%ED%99%94%EB%A0%A4%ED%95%9C%20%EB%8D%B0%EB%B7%94%20%EC%87%BC%EC%BC%80%EC%9D%B4%EC%8A%A4%EB%B6%80%ED%84%B0%20%EC%8B%9C%EC%9E%91%ED%95%B4%20%EC%9D%8C%EC%95%85%20%EB%B0%A9%EC%86%A1%EA%B3%BC%20%ED%8C%AC%20%EC%9D%B4%EB%B2%A4%ED%8A%B8%2C%20%EA%B7%B8%EB%A6%AC%EA%B3%A0%20%EA%B8%80%EB%A1%9C%EB%B2%8C%20%ED%8C%AC%EB%93%A4%EC%9D%84%20%EB%A7%8C%EB%82%AC%EB%8D%98%20%ED%8C%AC%EB%B0%8B%EC%97%85%20%EB%93%B1%EC%9C%BC%EB%A1%9C%20%EC%9D%B4%EC%96%B4%EC%A1%8C%EB%8B%A4.%20%EC%97%B0%EC%9D%B4%EC%96%B4%20%EB%B0%9C%ED%91%9C%ED%95%9C%20%EC%8B%B1%EA%B8%80%20%EC%95%A8%EB%B2%94%EC%9D%80%20%EA%B7%B8%EB%93%A4%EC%9D%98%20%EC%9D%8C%EC%95%85%EC%A0%81%20%EC%84%B1%EC%9E%A5%EC%9D%84%20%EB%B3%B4%EC%97%AC%EC%A3%BC%EA%B3%A0%20%EC%9E%88%EB%8B%A4.%20%ED%83%84%ED%83%84%ED%95%9C%20%ED%8D%BC%ED%8F%AC%EB%A8%BC" data-image="http://www.atstar1.com/news/photo/202411/6019097_82521_20.jpg" title="페이스북" data-clipboard-text="http://www.atstar1.com/news/articleView.html?idxno=6019097"> <i class="icon-facebook"><span class="show-for-sr">페이스북(으)로 기사보내기</span></i> </button> <button type="button" class="sns sns-share-btns twitter " data-sharesns="twitter" data-title="%ED%9C%98%EB%B8%8C%20%E2%80%9C1%EB%85%84%20%EB%8F%99%EC%95%88%20%EC%84%B1%EC%9E%A5%ED%95%9C%20%EC%9A%B0%EB%A6%AC%EB%93%A4%E2%80%A6%EC%9D%B4%EC%A0%A0%20%EB%8D%94%20%EB%A9%8B%EC%A7%84%20%EC%95%84%ED%8B%B0%EC%8A%A4%ED%8A%B8%20%EB%90%A0%20%EA%B2%83%E2%80%9D%20%5B%EC%8A%A4%ED%83%80%40%EC%8A%A4%ED%83%80%EC%9D%BC%5D" data-url="http%3A%2F%2Fwww.atstar1.com%2Fnews%2FarticleView.html%3Fidxno%3D6019097" data-desc="%EC%A7%80%EB%82%9C%ED%95%B4%2011%EC%9B%94%208%EC%9D%BC%2C%20%ED%9C%98%EB%B8%8C%28WHIB%29%EB%8A%94%20%EB%8D%B0%EB%B7%94%20%EC%8B%B1%EA%B8%80%20%E2%80%98Cut-Out%E2%80%99%EC%9C%BC%EB%A1%9C%20%EC%B2%AB%EB%B0%9C%EC%9D%84%20%EB%82%B4%EB%94%94%EB%8E%A0%EB%8B%A4.%201%EB%85%84%EC%9D%B4%20%EC%A7%80%EB%82%9C%20%EC%A7%80%EA%B8%88%2C%20%EA%B7%B8%EB%93%A4%EC%9D%80%20%EB%96%A0%EC%98%A4%EB%A5%B4%EB%8A%94%20%EC%8B%A0%EC%98%88%EB%A5%BC%20%EB%84%98%EC%96%B4%20%EA%B8%80%EB%A1%9C%EB%B2%8C%20%ED%8C%AC%EB%93%A4%EC%97%90%EA%B2%8C%20%EC%82%AC%EB%9E%91%EB%B0%9B%EB%8A%94%20%EC%95%84%ED%8B%B0%EC%8A%A4%ED%8A%B8%EB%A1%9C%20%EC%9E%90%EB%A6%AC%20%EC%9E%A1%EA%B3%A0%20%EC%9E%88%EB%8B%A4.%20%ED%9C%98%EB%B8%8C%EB%8A%94%20%E2%80%98%ED%9D%91%EA%B3%BC%20%EB%B0%B1%E2%80%99%EC%9D%B4%EB%9D%BC%EB%8A%94%20%EB%8C%80%EC%A1%B0%EC%A0%81%EC%9D%B8%20%EB%A7%A4%EB%A0%A5%EC%9C%BC%EB%A1%9C%20%EC%9E%90%EC%8B%A0%EB%93%A4%EB%A7%8C%EC%9D%98%20%EC%A0%95%EC%B2%B4%EC%84%B1%EC%9D%84%20%EA%B5%AC%EC%B6%95%ED%96%88%EA%B3%A0%2C%20%EC%95%A8%EB%B2%94%EB%A7%88%EB%8B%A4%20%EC%83%88%EB%A1%9C%EC%9A%B4%20%EB%8F%84%EC%A0%84%EC%9D%84%20%EC%9D%B4%EC%96%B4%EA%B0%80%EB%A9%B0%20K-%ED%8C%9D%20%ED%8C%AC%EB%93%A4%EC%97%90%EA%B2%8C%20%EA%B0%95%EB%A0%AC%ED%95%9C%20%EC%9D%B8%EC%83%81%EC%9D%84%20%EB%82%A8%EA%B2%BC%EB%8B%A4.%ED%9C%98%EB%B8%8C%EC%9D%98%20%EC%B2%AB%ED%95%B4%EB%8A%94%20%ED%99%94%EB%A0%A4%ED%95%9C%20%EB%8D%B0%EB%B7%94%20%EC%87%BC%EC%BC%80%EC%9D%B4%EC%8A%A4%EB%B6%80%ED%84%B0%20%EC%8B%9C%EC%9E%91%ED%95%B4%20%EC%9D%8C%EC%95%85%20%EB%B0%A9%EC%86%A1%EA%B3%BC%20%ED%8C%AC%20%EC%9D%B4%EB%B2%A4%ED%8A%B8%2C%20%EA%B7%B8%EB%A6%AC%EA%B3%A0%20%EA%B8%80%EB%A1%9C%EB%B2%8C%20%ED%8C%AC%EB%93%A4%EC%9D%84%20%EB%A7%8C%EB%82%AC%EB%8D%98%20%ED%8C%AC%EB%B0%8B%EC%97%85%20%EB%93%B1%EC%9C%BC%EB%A1%9C%20%EC%9D%B4%EC%96%B4%EC%A1%8C%EB%8B%A4.%20%EC%97%B0%EC%9D%B4%EC%96%B4%20%EB%B0%9C%ED%91%9C%ED%95%9C%20%EC%8B%B1%EA%B8%80%20%EC%95%A8%EB%B2%94%EC%9D%80%20%EA%B7%B8%EB%93%A4%EC%9D%98%20%EC%9D%8C%EC%95%85%EC%A0%81%20%EC%84%B1%EC%9E%A5%EC%9D%84%20%EB%B3%B4%EC%97%AC%EC%A3%BC%EA%B3%A0%20%EC%9E%88%EB%8B%A4.%20%ED%83%84%ED%83%84%ED%95%9C%20%ED%8D%BC%ED%8F%AC%EB%A8%BC" data-image="http://www.atstar1.com/news/photo/202411/6019097_82521_20.jpg" title="트위터" data-clipboard-text="http://www.atstar1.com/news/articleView.html?idxno=6019097"> <i class="icon-twitter"><span class="show-for-sr">트위터(으)로 기사보내기</span></i> </button> <button type="button" class="sns sns-share-btns link sns_clipboard" data-sharesns="link" data-title="%ED%9C%98%EB%B8%8C%20%E2%80%9C1%EB%85%84%20%EB%8F%99%EC%95%88%20%EC%84%B1%EC%9E%A5%ED%95%9C%20%EC%9A%B0%EB%A6%AC%EB%93%A4%E2%80%A6%EC%9D%B4%EC%A0%A0%20%EB%8D%94%20%EB%A9%8B%EC%A7%84%20%EC%95%84%ED%8B%B0%EC%8A%A4%ED%8A%B8%20%EB%90%A0%20%EA%B2%83%E2%80%9D%20%5B%EC%8A%A4%ED%83%80%40%EC%8A%A4%ED%83%80%EC%9D%BC%5D" data-url="http%3A%2F%2Fwww.atstar1.com%2Fnews%2FarticleView.html%3Fidxno%3D6019097" data-desc="%EC%A7%80%EB%82%9C%ED%95%B4%2011%EC%9B%94%208%EC%9D%BC%2C%20%ED%9C%98%EB%B8%8C%28WHIB%29%EB%8A%94%20%EB%8D%B0%EB%B7%94%20%EC%8B%B1%EA%B8%80%20%E2%80%98Cut-Out%E2%80%99%EC%9C%BC%EB%A1%9C%20%EC%B2%AB%EB%B0%9C%EC%9D%84%20%EB%82%B4%EB%94%94%EB%8E%A0%EB%8B%A4.%201%EB%85%84%EC%9D%B4%20%EC%A7%80%EB%82%9C%20%EC%A7%80%EA%B8%88%2C%20%EA%B7%B8%EB%93%A4%EC%9D%80%20%EB%96%A0%EC%98%A4%EB%A5%B4%EB%8A%94%20%EC%8B%A0%EC%98%88%EB%A5%BC%20%EB%84%98%EC%96%B4%20%EA%B8%80%EB%A1%9C%EB%B2%8C%20%ED%8C%AC%EB%93%A4%EC%97%90%EA%B2%8C%20%EC%82%AC%EB%9E%91%EB%B0%9B%EB%8A%94%20%EC%95%84%ED%8B%B0%EC%8A%A4%ED%8A%B8%EB%A1%9C%20%EC%9E%90%EB%A6%AC%20%EC%9E%A1%EA%B3%A0%20%EC%9E%88%EB%8B%A4.%20%ED%9C%98%EB%B8%8C%EB%8A%94%20%E2%80%98%ED%9D%91%EA%B3%BC%20%EB%B0%B1%E2%80%99%EC%9D%B4%EB%9D%BC%EB%8A%94%20%EB%8C%80%EC%A1%B0%EC%A0%81%EC%9D%B8%20%EB%A7%A4%EB%A0%A5%EC%9C%BC%EB%A1%9C%20%EC%9E%90%EC%8B%A0%EB%93%A4%EB%A7%8C%EC%9D%98%20%EC%A0%95%EC%B2%B4%EC%84%B1%EC%9D%84%20%EA%B5%AC%EC%B6%95%ED%96%88%EA%B3%A0%2C%20%EC%95%A8%EB%B2%94%EB%A7%88%EB%8B%A4%20%EC%83%88%EB%A1%9C%EC%9A%B4%20%EB%8F%84%EC%A0%84%EC%9D%84%20%EC%9D%B4%EC%96%B4%EA%B0%80%EB%A9%B0%20K-%ED%8C%9D%20%ED%8C%AC%EB%93%A4%EC%97%90%EA%B2%8C%20%EA%B0%95%EB%A0%AC%ED%95%9C%20%EC%9D%B8%EC%83%81%EC%9D%84%20%EB%82%A8%EA%B2%BC%EB%8B%A4.%ED%9C%98%EB%B8%8C%EC%9D%98%20%EC%B2%AB%ED%95%B4%EB%8A%94%20%ED%99%94%EB%A0%A4%ED%95%9C%20%EB%8D%B0%EB%B7%94%20%EC%87%BC%EC%BC%80%EC%9D%B4%EC%8A%A4%EB%B6%80%ED%84%B0%20%EC%8B%9C%EC%9E%91%ED%95%B4%20%EC%9D%8C%EC%95%85%20%EB%B0%A9%EC%86%A1%EA%B3%BC%20%ED%8C%AC%20%EC%9D%B4%EB%B2%A4%ED%8A%B8%2C%20%EA%B7%B8%EB%A6%AC%EA%B3%A0%20%EA%B8%80%EB%A1%9C%EB%B2%8C%20%ED%8C%AC%EB%93%A4%EC%9D%84%20%EB%A7%8C%EB%82%AC%EB%8D%98%20%ED%8C%AC%EB%B0%8B%EC%97%85%20%EB%93%B1%EC%9C%BC%EB%A1%9C%20%EC%9D%B4%EC%96%B4%EC%A1%8C%EB%8B%A4.%20%EC%97%B0%EC%9D%B4%EC%96%B4%20%EB%B0%9C%ED%91%9C%ED%95%9C%20%EC%8B%B1%EA%B8%80%20%EC%95%A8%EB%B2%94%EC%9D%80%20%EA%B7%B8%EB%93%A4%EC%9D%98%20%EC%9D%8C%EC%95%85%EC%A0%81%20%EC%84%B1%EC%9E%A5%EC%9D%84%20%EB%B3%B4%EC%97%AC%EC%A3%BC%EA%B3%A0%20%EC%9E%88%EB%8B%A4.%20%ED%83%84%ED%83%84%ED%95%9C%20%ED%8D%BC%ED%8F%AC%EB%A8%BC" data-image="http://www.atstar1.com/news/photo/202411/6019097_82521_20.jpg" title="URL복사" data-clipboard-text="http://www.atstar1.com/news/articleView.html?idxno=6019097"> <i class="icon-link"><span class="show-for-sr">URL복사(으)로 기사보내기</span></i> </button> </div> </section>  <button class="close-button" data-close aria-label="Close modal" type="button"> <i class="icon-close-thin"><span class="show-for-sr">닫기</span></i> </button>  </div> <div class="wrapper"> <div class="float-center" style="max-width:1200px"> <section id="articleViewCon" class="article-view-content"> <article class="grid body">  <div class="clearfix"> </div>   <article id="article-view-content-div" class="article-veiw-body view-page" itemprop="articleBody"> <div style="text-align:center"> <figure class="photo-layout image photo_82521 float-center" data-idxno="82521" data-type="photo" style="display:inline-block; max-width:1280px"><img alt="" src="https://cdn.atstar1.com/news/photo/202411/6019097_82521_20.jpg" /> <figcaption></figcaption> </figure> </div> <p>지난해 11월 8일, 휘브(WHIB)는 데뷔 싱글 ‘Cut-Out’으로 첫발을 내디뎠다. </p> <p>1년이 지난 지금, 그들은 떠오르는 신예를 넘어 글로벌 팬들에게 사랑받는 아티스트로 자리 잡고 있다. 휘브는 ‘흑과 백’이라는 대조적인 매력으로 자신들만의 정체성을 구축했고, 앨범마다 새로운 도전을 이어가며 K-팝 팬들에게 강렬한 인상을 남겼다.</p> <p>휘브의 첫해는 화려한 데뷔 쇼케이스부터 시작해 음악 방송과 팬 이벤트, 그리고 글로벌 팬들을 만났던 팬밋업 등으로 이어졌다. 연이어 발표한 싱글 앨범은 그들의 음악적 성장을 보여주고 있다. 탄탄한 퍼포먼스와 눈에 띄는 가사로 호평을 받은 이들의 음악은 휘브가 무대 위에서 보여줄 수 있는 다양한 색깔을 증명해 냈다.</p> <div style="text-align:center"> <figure class="photo-layout image photo_82522 float-center" data-idxno="82522" data-type="photo" style="display:inline-block; max-width:1280px"><img alt="" src="https://cdn.atstar1.com/news/photo/202411/6019097_82522_231.jpg" /> <figcaption></figcaption> </figure> </div> <div style="text-align:center"> <figure class="photo-layout image photo_82523 float-center" data-idxno="82523" data-type="photo" style="display:inline-block; max-width:1280px"><img alt="" src="https://cdn.atstar1.com/news/photo/202411/6019097_82523_232.jpg" /> <figcaption></figcaption> </figure> </div> <div style="text-align:center"> <figure class="photo-layout image photo_82524 float-center" data-idxno="82524" data-type="photo" style="display:inline-block; max-width:1280px"><img alt="" src="https://cdn.atstar1.com/news/photo/202411/6019097_82524_233.jpg" /> <figcaption></figcaption> </figure> </div> <p><strong>Q 데뷔 1주년 축하해요. 그동안 열정을 다한 자신에게 하고 싶은 말도 많겠죠?</strong><br /> ▲ 제이더_제 성격이 조금 소심하거든요. 그럼에도 리더로서 팀을 이끄느라 고생했다고 말해주고 싶고요. 앞으로도 리더로서 해야 할 일이 많을텐데 더 열심히 임하면서 멤버들을 챙겼으면 좋겠어요.<br /> ▲ 유건_1년 동안 활동을 잘 해줘서 너무 고맙고요. 이 모든 것이 다 팬들 덕분이라고 늘 생각하면서 앞으로도 더 좋은 모습을 보여주길 바라요.<br /> ▲ 원준_멤버들과 함께 할 수 있어 너무 행복했고요. 저 역시도 그동안 성장한 부분들이 있다고 생각해서, 그 면에 대해 칭찬해주고 싶네요.<br /> ▲ 재하_멤버들도 늘 아프지 않았으면 좋겠고요. 다 함께 멋진 아티스트가 될 때까지 함께 노력하고 싶어요.<br /> ▲ 하승_포기하지 않고 이 자리까지 온 것도 정말 잘한 것 같고요. 앞으로도 많은 것을 이루기 위해 열심히 해 나갔으면 좋겠어요. 아이돌 최고의 보컬이 될 수 있게 ‘화이팅’ 할게요.<br /> ▲ 이정_1년 동안 열심히 해줘서 고맙다고 하고 싶고요. 안주하지 말고 더 열심히 했으면 좋겠어요.<br /> ▲ 인홍_매 활동마다 퍼포먼스적으로 부족한 부분들을 개선하기 위해 늘 열심히 연습해서 고생했다는 말을 해주고 싶어요. 앞으로는 말도 더 잘하는 인홍이가 됐으면 좋겠고요(웃음).<br /> ▲ 진범_몸, 마음 건강하게 1년을 무사히 보낼 수 있어서 좋았어요. 팬들에게 받은 사랑을 몇 배로 갚는 휘브가 됐으면 좋겠어요.</p> <p><strong>Q 1년이란 시간 동안 도전했던 새로운 일도 참 많았을 것 같아요.</strong><br /> ▲ 유건_‘유콘’이라는 무대에 선 적이 있는데요. 다른 아티스트분들과 함께하는 공연이었거든요. 합동 무대도 준비해야 했는데, 연습하며 배운 것들도 참 많았어요. 즐겁기도 했고요. 그때가 기억에 많이 남았던 것 같아요.<br /> ▲ 하승_저희가 처음으로 팬밋업을 하면서 다섯 개 도시를 돌기도 했고 또 대학 축제나 다양한 행사에서도 무대를 선보였거든요. 야외 무대에서 어떻게 하면 더 잘할 수 있을까 고민도 많이 했고, 준비하면서 퍼포먼스 적으로나 스킬로 시도를 많이 했던 것 같아요.</p> <div style="text-align:center"> <figure class="photo-layout image photo_82525 float-center" data-idxno="82525" data-type="photo" style="display:inline-block; max-width:1280px"><img alt="" src="https://cdn.atstar1.com/news/photo/202411/6019097_82525_254.jpg" /> <figcaption></figcaption> </figure> </div> <div style="text-align:center"> <figure class="photo-layout image photo_82527 float-center" data-idxno="82527" data-type="photo" style="display:inline-block; max-width:1280px"><img alt="" src="https://cdn.atstar1.com/news/photo/202411/6019097_82527_256.jpg" /> <figcaption></figcaption> </figure> </div> <p><strong>Q 데뷔 초 활동을 하며 느꼈던 어려웠던 점과 그것을 극복하기 위해 어떤 노력을 했는지도 궁금하네요.</strong><br /> ▲ 원준_활동을 쭉 해오면서 세 번째 싱글 앨범 활동을 할 때 성장한 모습을 자주 보여드렸던 것 같아요. 기본기부터 다시 준비하면서 아쉬운 부분에 대해 보완하려고 했는데, 멤버들도 그렇고 팬들도 무대에서 제가 많이 여유로워 보인다, 눈에 띈다는 말씀을 해주시는 거예요. 지금까지 해온 노력에 대한 보답을 받은 기분이었어요.<br /> ▲ 이정_저는 첫 번째 싱글 때 멤버들과 함께 활동을 못 했잖아요. 그때 아쉬움이 커서 보컬 연습도 집중하고, 작곡도 몰입했는데 그 시간들이 지금 보면 성장할 수 있었던 기회가 됐던 것 같아요. 그리고 팬밋업을 준비할 때까지만 해도 무대에 올라갈 때 긴장을 많이 했는데요. 이번에 대학 축제 등 다양한 무대를 경험하면서, 여기에 계신 분들이 우릴 평가하려는 게 아니라 휘브의 무대를 즐기고 싶어서 오셨다는 느낌을 받았거든요. 저희가 진심으로 즐기면 관객들도 기뻐한단 걸 알았고요. 그래서 조금은 무대를 즐기고 행복하게 임할 수 있게 된 것 같아요. </p> <p><strong>Q 데뷔 초와 지금을 비교해 확실히 달라졌다 싶은 멤버를 꼽아볼까요?</strong><br /> ▲ 제이더_하승이 형이 보컬을 맡고 있지만, 춤도 관심이 있거든요. 또 저처럼 깔끔한 춤 선을 추구하기도 하고요. 저랑 춤에 대한 이야기나 고민, 질문을 자주 나누기도 했는데, 저랑 춤추는 스타일이 비슷해진 거예요. 형이 진짜 많이 늘은 것 같다고 말해줬던 기억이 나요. <br /> ▲ 재하_제이더 형이 평소에 조용하기도 하고, 소심한 면도 있는데요. 1년 동안 리더로 활동을 하면서 성격이 많이 바뀐 것 같아요. 저희를 잘 이끌어주고 또 든든할 때가 많아서 이젠 소심한 준민이 형이 아니라 휘브의 리더 제이더가 된 것 같아요. <br /> ▲ 유건_저를 포함해 멤버들 모두를 꼽고 싶어요. 최근에 활동했던 ‘배로 (Rush of Joy)’가 지금까지 활동했던 곡 중에 높은음이 많은 곡이었는데요. 그래서 녹음할 때도 멤버들이 정말 디테일하게 연습하고 공을 더 들였어요. 그 후에 라이브도 계속하고, 무대도 서다 보니까 점점 안정적이 되고 또 주변에서 라이브 잘 한다는 칭찬을 해주시는 거예요. 다 같이 노력한 보람이 있다고 생각했어요.</p> <div style="text-align:center"> <figure class="photo-layout image photo_82528 float-center" data-idxno="82528" data-type="photo" style="display:inline-block; max-width:1280px"><img alt="" src="https://cdn.atstar1.com/news/photo/202411/6019097_82528_257.jpg" /> <figcaption></figcaption> </figure> </div> <div style="text-align:center"> <figure class="photo-layout image photo_82529 float-center" data-idxno="82529" data-type="photo" style="display:inline-block; max-width:1280px"><img alt="" src="https://cdn.atstar1.com/news/photo/202411/6019097_82529_258.jpg" /> <figcaption></figcaption> </figure> </div> <p><strong>Q 팬들에게 좋은 기억을 안겨주고 싶을 때, 음악 외에 특별히 신경 쓰는 부분이 있나요?</strong><br /> ▲ 제이더_소통 앱을 통해서 팬들과 대화를 많이 하고 있는데요. 팬들이 가끔 힘들다고 격려의 말을 보내달라고 하실 때가 있어요. 그럴 때 제가 재밌는 셀카를 찍어서 보내기도 하거든요. 그러면 그걸 보고 팬들이 ‘비타500’이라고 해주시더라고요. 팬들에게 그런 아티스트가 되고 싶었거든요. 힘을 줄 수 있는 사람이요. 그런 힘을 줄 수 있었던 것 같아서 행복했어요.<br /> ▲ 진범_평소에 먹는 걸 좋아해서 맛집을 많이 찾아다니는데요. 제가 맛있게 먹은 곳들은 팬들에게 ‘먹킷리스트’처럼 추천을 해드려요. 그걸 보면서 팬들이 다녀온 후기를 보거나 하면, 그게 행복하더라고요. 소소한 일이지만 제 즐거움을 나눠드리는 것 같아 기뻐요.</p> <p><strong>Q 첫 팬 사인회에서 느꼈던 감정과 지금 팬들을 만날 때의 감정도 많이 달라졌죠?</strong><br /> ▲ 원준_아무래도 데뷔 초반 때엔 팬들이 카메라를 가져오시면 그걸 하나하나 보는 것도 쑥스러웠거든요. 그런데 최근엔 그런 모습이 고맙기도 하고, 또 저희를 보고 행복해하는 걸 보면 기쁜 감정이 드는 거예요. 팬들의 따스한 맘을 알게 되니까 팬들 앞에서 더 편하게 예쁜 행동도 하고 좋은 모습을 보여드리려고 더 노력해요. <br /> ▲ 재하_저희가 첫 팬사인회 때에는 모든 게 다 서툴렀거든요. 그래서 앨범에 사인을 해드릴 때도 저희 얼굴 위에 사인을 하면 안 좋아하실까봐 엄청 작게 썼고요. 또 팬들 이름에도 ‘님’ 자를 붙여서 적었어요. 그랬더니 팬들이 ‘왜 이렇게 딱딱하게 쓰는지, 하트는 왜 안 붙여주는지’ 물어보시는 거예요. 진짜 몰랐거든요. 저희는. 하하하. 지금은 많이 배워서, 사인도 잘하고 하트로 척척 붙여드려요(웃음).</p> <div style="text-align:center"> <figure class="photo-layout image photo_82530 float-center" data-idxno="82530" data-type="photo" style="display:inline-block; max-width:1280px"><img alt="" src="https://cdn.atstar1.com/news/photo/202411/6019097_82530_259.jpg" /> <figcaption></figcaption> </figure> </div> <div style="text-align:center"> <figure class="photo-layout image photo_82531 float-center" data-idxno="82531" data-type="photo" style="display:inline-block; max-width:1280px"><img alt="" src="https://cdn.atstar1.com/news/photo/202411/6019097_82531_30.jpg" /> <figcaption></figcaption> </figure> </div> <p><strong>Q 팀 내에서 “이 멤버가 없었다면 힘들었을 것 같다”고 생각하는 순간이 있었나요?</strong><br /> ▲ 원준_제이더 형이 리더이기도 하고, 또 저희를 통솔해 준다는 느낌을 많이 받거든요. 형이 없었다고 생각하면 이렇게 한 팀으로 똘똘 뭉치기 힘들지 않았을까요? 평소에도 고마움을 많이 느끼고 더 잘하려고 하고 있어요(웃음).<br /> ▲ 재하_아무래도 메인 보컬인 하승이 없었다면 휘브의 노래도 완성되기 힘들었을 것 같아요. 라이브 할 때도 그렇고 형이 보컬로서 저희에게 정말 많은 도움을 주거든요. <br /> ▲ 하승_재하가 없으면 안 되죠(웃음). 저희가 콘텐츠 촬영으로 사진을 찍을 때나 ‘아육대’처럼 전광판에 얼굴이 크게 나올 일이 있으면, 주변 분들 혹은 타 아이돌 팬들께서도 “쟤 누구야?” 이러시는 경우가 종종 있어요. 휘브는 모두 잘생겼지만, 재하의 비주얼은 정말 눈에 띄는 것 같아요.</p> <p><strong>Q 최근에 멤버들과 함께한 가장 즐거웠던 추억은 무엇인가요?</strong><br /> ▲ 이정_유건이 형님께서(이정과 유건은 동갑) 제 생일을 챙겨준다고 하셨는데, 글쎄 프로모션 일정 차 일본에 갔을 때 고기를 사주시는 거예요. 둘이 먹은 것 치곤 금액이 꽤 나왔거든요. 유건이 형님께서 “이정아 맛있게 먹었니? 그거면 됐다”고 하고 바로 결제를 하는데, 그 모습이 너무 멋있었고 즐거운 추억으로 남았습니다. 하하.<br /> ▲ 유건_저도 행복했어요(웃음).<br /> ▲ 이정_사실 유건이랑 둘이 밥을 먹은 게 연습생 후로 거의 없다시피 하더라고요. 저희가 연습생 당시에 룸메이트라 대화도 많이 하고 시간을 함께 보낼 때가 더 많았거든요. 오랜만에 그때로 돌아간 것 같기도 해서, 그런 시간이 행복했어요. <br /> ▲ 재하_여기에 덧붙이자면, 프로모션 차 일본에 갔을 때 마지막 날 멤버들과 다 같이 고기를 먹었던 것도 정말 행복했어요. 오랜만에 다 같이 모여서 맛있는 밥을 먹으니까 진짜 기분이 좋더라고요. 그때 데뷔 1주년을 일본에서 맞이한 거라 다같이 아련해지기도 하고 많은 이야기도 하면서 잊지 못할 시간들을 보냈던 것 같아요. </p> <div style="text-align:center"> <figure class="photo-layout image photo_82532 float-center" data-idxno="82532" data-type="photo" style="display:inline-block; max-width:1280px"><img alt="" src="https://cdn.atstar1.com/news/photo/202411/6019097_82532_31.jpg" /> <figcaption></figcaption> </figure> </div> <div style="text-align:center"> <figure class="photo-layout image photo_82533 float-center" data-idxno="82533" data-type="photo" style="display:inline-block; max-width:1280px"><img alt="" src="https://cdn.atstar1.com/news/photo/202411/6019097_82533_345.jpg" /> <figcaption></figcaption> </figure> </div> <p><strong>Q 1주년을 맞았으니, 팬들에게 진심 어린 메시지를 전해볼까요?</strong><br /> ▲ 원준_저희가 아이돌로서 꿈을 이룰 수 있게 해주신 건 팬들 덕분이 가장 커요. 늘 응원해 주셨기 때문에 함께 커 가는 느낌을 받고 있거든요. 앞으로도 좋은 기억, 추억만 남을 수 있도록 더 열심히 할게요.<br /> ▲ 진범_저는 사실 겨울을 그렇게 좋아하지 않았어요. 제가 추위를 많이 타기도 하고 겨울을 생각하면 왠지 쓸쓸한 감정이 생기더라고요. 그런데, 휘브가 데뷔한 계절이 겨울이잖아요. 매년 겨울이 기념일이 될 거란 생각과 함께 그 시간을 팬들과 함께 보낸다고 하니 몽글몽글한 감정이 더 앞서는 거 같아요. 팬들의 사랑 덕에 제가 겨울을 더 따뜻하게 기억할 수 있어요. 정말 감사해요.<br /> ▲ 인홍_앨범을 준비하고 컴백을 할 때마다 팬들이 좋아해 주실까 걱정 반 설렘 반으로 나오는데요. 늘 기대 이상으로 반겨주시고 응원해 주셔서 감사하단 말을 꼭 하고 싶었어요.<br /> ▲ 제이더_1주년이란 시간을 함께 맞이하게 되어서 정말 기뻐요. 1년 동안 저희에게 큰 사랑과 응원을 주신 덕에 멤버들이 이런 따뜻한, 감사한 추억을 남기게 된 것 같아요. 모든 게 팬들 덕분이에요. </p> <p><strong>Q 앞으로 이루고 싶은 목표는 무엇인가요?</strong><br /> ▲ 이정_단독 콘서트를 꼭 해봐야죠. 단독 콘서트와 월드 투어를 하는 게 아이돌이 되고자 했던 이유 중 하나였거든요. 세계 곳곳의 팬들을 만나면 여한이 없을 것 같아요.<br /> ▲ 인홍_‘배로 (Rush of Joy)’의 뮤직비디오 컨셉이 저희가 정말 핫해지면서 그 열기가 식지 않는 모습이었거든요. ‘이 시간이 우리의 황금기다’란 의미도 담겨있고요. 뮤직비디오 속 모습 그대로 현실이 되어서, 정말 핫하고 절대 열기가 식지 않는 그룹이 되길 바라요.</p> <p>에디터 박승현 포토그래퍼 장준석</p> <p>앳스타일(@style)</p> <div class="article-copy">저작권자 © 앳스타일 무단전재 및 재배포 금지</div> </article>  <div class="clearfix"> </div>  <article class="writer"> <div class="item"> <div class="account"> <em class="image" style="background-image:url(https://cdn.atstar1.com/image/newsroom/default-user.png)"></em> <strong class="name">박승현 기자</strong> <a href="mailto:clfflqjtm@atstar1.com" class="email">clfflqjtm@atstar1.com</a> </div> </div> <div class="item text-right"> <a href="/news/articleList.html?sc_area=I&sc_word=clfflqjtm&view_type=sm" class="article-more">다른기사 보기</a> </div> </article>  <div class="clearfix"> </div>  <div class="clearfix respons-edit"> <div class="float-left padright-40" style="width:calc(100% - 250px)">  <div class="clearfix"> </div>  </div> <div class="float-right" style="width:250px">  <div class="clearfix"> </div>  </div> </div>  <div class="clearfix"> </div>  <link rel="stylesheet" href="https://cdn.atstar1.com/comment/style.css"> <style> /************************************************** * COMMENT SKIN FILE * * AUTHOR : SOHO (for ndsoft) * FILE : /fine_home/comment/skin/skin01/_style.css * INCLUDE : /fine_home/comment/skin/skin01/_comment.html * NOTE : * **************************************************/ /* layout */ #comment {display:block;margin:2.5rem auto} [data-whatintent="touch"] #comment button, [data-whatintent="touch"] #comment button:focus {outline:0} /* titles */ .cmt-header::after {content:'';display:table;clear:both} .cmt-header .titles {float:left;font-size:1.25rem;font-weight:normal;line-height:35px;color:#000} .cmt-header .comment-count {font-weight:bold} .cmt-header .my-cmt {float:right;font-size:.875rem;line-height:35px;color:rgba(0,0,0,.95)} .cmt-header .my-cmt > i[class^="icon-"] {display:inline-block;overflow:hidden;width:15px;height:15px;font-size:.5rem;line-height:13px;color:#000;border:1px solid rgba(0,0,0,.5);border-radius:50%;text-align:center;vertical-align:middle} /* write */ .comment-write {display:block;overflow:hidden;margin-bottom:2.1875rem;background-color:#fff;border:1px solid rgba(0,0,0,.25);border-radius:.3125rem} .comment-write .wrt-header {display:block;padding:1.25rem} .comment-write .wrt-header::after {content:'';display:table;clear:both} .comment-write .user-name {float:left;font-size:.9375rem;line-height:28px} #comment-guest {float:right;font-size:0;white-space:nowrap} #comment-guest input[type="text"], #comment-guest input[type="password"] {display:inline-block;width:115px;height:28px;margin:0;font-size:.8125rem;border-radius:2rem} #comment-guest input[type="password"] {margin-left:.25rem} .comment-write .comment-content {display:block;min-height:65px;margin:0 auto;padding:0 1.25rem;font-size:.9375rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.625;color:#000;border:none;border-radius:0} .comment-write .comment-content[readonly] {background:none} .comment-write .recaptcha-container {display:block;font-size:0;text-align:center} .comment-write .recaptcha-container .recaptcha-view {display:inline-block;margin:0 auto 1rem} .comment-write .wrt-footer {display:block;padding:.375rem 1.25rem;border-top:1px solid rgba(0,0,0,.08)} .comment-write .wrt-footer::after {content:'';display:table;clear:both} .comment-write .wrt-footer .cur--length {float:left;font-size:.75rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:32px;color:#989898} .comment-write .wrt-footer .comment-text-cur {color:#000} .comment-write .wrt-footer .btn-comment-save {float:right;height:32px;padding:0 1.125rem;font-size:.8125rem;line-height:1;color:#fff;border-radius:.25rem;background-color:#68A4DF;cursor:pointer} @media screen and (max-width: 39.9375em) { .row .comment-write .user-name, .row #comment-guest {float:none;width:auto} .row .comment-write .user-name {display:block;margin-bottom:.375rem} .row .comment-write .btn-comment-login {text-decoration:underline} .row .comment-write .btn-comment-login::before {content:"\e9f5";display:inline-block;margin-right:.375rem;font:14px/1 fontello;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .row #comment-guest input[type="text"], .row #comment-guest input[type="password"] {width:calc(50% - .125rem)} .row .comment-write .comment-content {min-height:80px;font-size:.875rem} .row .comment-write .recaptcha-container {overflow:hidden;max-width:100%} } /* list */ #comment-list {display:block} #comment-list .list-sort {margin-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.12)} #comment-list .list-sort::after {content:'';display:table;clear:both} #comment-list .list-sort > .option {float:left;font-size:0;white-space:nowrap;text-align:left} #comment-list .btn-comment-orderby {display:inline-block;font-size:.9375rem;line-height:35px;color:rgba(0,0,0,.6);vertical-align:middle;cursor:pointer} #comment-list .btn-comment-orderby.secondary {font-weight:700;font-weight:var(--wgt700, 700);color:#000} #comment-list .list-sort > .option > .btn-comment-orderby:not(:first-child) {margin-left:1rem} #comment-list .explain {float:right;position:relative} #comment-list .explain > .explain-btn {font-size:.8125rem;line-height:35px;color:rgba(0,0,0,.7)} #comment-list .explain > .guide {display:none;position:absolute;z-index:10;right:0;top:100%;width:220px;padding:1rem;font-size:.75rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.375;color:rgba(0,0,0,.85);background:#f8f8f8;border:1px solid rgba(0,0,0,.08)} #comment-list .explain > .guide > strong {display:block;margin-bottom:.5rem;font-size:.8125rem} #comment-list .explain .close-button {right:.5rem;font-size:1rem} #comment-list .btn-comment-more {display:block;width:100%;height:50px;font-size:0;background-color:#fff;border:1px solid rgba(0,0,0,.15);text-align:center;cursor:pointer} #comment-list .more-info::after, #comment-list .more-info > span {display:inline-block;font-size:.9375rem;line-height:1;color:#000;vertical-align:middle} #comment-list .more-info::after {content:"\e943";margin-left:.375rem;font:14px/1 fontello;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} @media screen and (max-width: 39.9375em) { .row #comment-list .btn-comment-orderby:not(.secondary) {color:rgba(0,0,0,.45)} } /* comment */ .comment-item {display:block} .comment-item .first {padding:1.25rem 0;border-top:1px solid rgba(0,0,0,.08)} .normal-content > .comment-item:first-child .first {padding-top:0;border-top:none} .comment-item .first::after {content:'';display:table;clear:both} .comment-item .photo {float:left} .comment-item .photo > .pfile {display:block;overflow:hidden;width:45px;height:45px;background:url('https://cdn.atstar1.com/image/newsroom/default-user.png') 50% 50% no-repeat;background-size:cover;border-radius:50%} .comment-item .photo + .user-textbox {float:right;width:calc(100% - 65px)} .comment-item .textbox-header {margin-bottom:.75rem} .comment-item .textbox-header::after {content:'';display:table;clear:both} .comment-item .textbox-info {display:block;font-size:0;text-align:left} .comment-item .textbox-info > * {display:inline-block;white-space:nowrap;vertical-align:middle} .comment-item .textbox-info > :not(:first-child) {margin-left:.5rem} .comment-item .textbox-info > .name {font-size:.9375rem;line-height:25px;color:#000} .comment-item .textbox-info > .name > small {font-size:.625rem;font-weight:300;font-weight:var(--wgt300, 300);color:rgba(0,0,0,.8)} .comment-item .textbox-info > .name > .vote::before {content:'';display:inline-block;overflow:hidden;width:15px;height:15px;margin-right:.25rem;background:url(/image/comment/vote-mark.svg) 50% 50% no-repeat;background-size:contain;vertical-align:middle} .comment-item .textbox-info > .user-comment-info {cursor:pointer} .comment-item .textbox-info > .datetime {position:relative;padding-left:.75rem;margin-left:.75rem;font-size:.8125rem;font-weight:300;font-weight:var(--wgt300, 300);color:rgba(0,0,0,.7)} .comment-item .textbox-info > .datetime::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.625rem;border-left:1px solid rgba(0,0,0,.12);-ms-transform:translateY(-50%);transform:translateY(-50%)} .comment-item .textbox-info > .ip {overflow:hidden;width:25px;padding:0 .375rem;font-size:.625rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:14px;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:.25rem;text-align:left;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;cursor:pointer;transition:width .25s} .comment-item .textbox-info > .ip > .viewing {display:none;font-style:normal} .comment-item .textbox-info > .ip:hover {width:102px} .comment-item .textbox-info > .ip:hover > .viewing {display:inline-block} .comment-item .textbox-option {float:right;font-size:0;text-align:right} .comment-item .textbox-option > a {display:inline-block;font-size:.8125rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:25px;color:rgba(0,0,0,.65);vertical-align:middle} .comment-item .textbox-option > :not(:first-child) {position:relative;margin-left:.75rem;padding-left:.75rem} .comment-item .textbox-option > :not(:first-child)::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.625rem;border-left:1px solid rgba(0,0,0,.12);-ms-transform:translateY(-50%);transform:translateY(-50%)} .comment-item .textbox-header > :first-child:nth-last-child(2) {float:left} .comment-item .comment-content-view {font-size:.9375rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.375;color:#000} .comment-item .textbox-footer {display:block;margin-top:1.25rem} .comment-item .textbox-footer::after {content:'';display:table;clear:both} .comment-item .btn-comment-sub, .comment-item .btn-comment-sub + .user-vote {float:left} .comment-item .btn-comment-sub {margin-right:2.125rem;font-size:.8125rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:25px;color:rgba(0,0,0,.8);cursor:pointer} .comment-item .comment-sub-count {color:#000} .comment-item .user-vote {display:block;font-size:0;white-space:nowrap;text-align:left} .comment-item .user-vote > .btn-comment-vote {display:inline-block;font-size:.8125rem;line-height:25px;color:rgba(0,0,0,.95);cursor:pointer;vertical-align:middle} .comment-item .user-vote > .btn-comment-vote.vote-up-on {color:#e50000} .comment-item .user-vote > .btn-comment-vote.vote-down-on {color:#1188ff} .comment-item .user-vote > :not(:last-child) {margin-right:.875rem} @media screen and (max-width: 39.9375em) { .row .comment-item .photo {width:35px;height:35px} .row .comment-item .photo + .user-textbox {width:calc(100% - 55px)} .row .comment-item .textbox-info > .name > small {font-weight:lighter} .row .comment-item .textbox-info > .ip {width:auto;padding:0;font-weight:lighter;background:none;border:none;text-overflow:clip} .row .comment-item .textbox-info > .ip > .viewing {display:inline} .row .comment-item .textbox-header > :first-child:nth-last-child(2) {overflow:hidden;float:none} .row .comment-item .textbox-option {float:none;width:auto;margin-top:.375rem;text-align:left} .row .comment-item .textbox-option > a {overflow:hidden;padding:0 .375rem;font-size:.6875rem;font-weight:lighter;line-height:18px;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.125rem;white-space:nowrap} .row .comment-item .textbox-option > :not(:first-child) {padding-left:0} .row .comment-item .textbox-option > :not(:first-child)::before {content:normal;display:none} } /* second comment */ .comment-item .second {display:none;padding:1.25rem 1.5rem;background-color:#f5f6f6;border-top:1px solid rgba(0,0,0,.05)} .comment-item .second::after {content:'';display:table;clear:both} .comment-item .sec-option {display:block;margin-bottom:.5rem;font-size:0;white-space:nowrap;text-align:left} .comment-item .btn-sub-comment-orderby {display:inline-block;font-size:.875rem;line-height:1.375;color:rgba(0,0,0,.6);cursor:pointer;vertical-align:middle} .comment-item .btn-sub-comment-orderby.secondary {font-weight:bold;color:rgba(0,0,0,.95)} .comment-item .sec-option > :not(:first-child) {margin-left:1.125rem} .comment-item .comment-item-sub-body, .comment-item .comment-item-sub-footer {padding-left:2.8125rem} .comment-item .comment-item-sub, .comment-item .comment-item-sub-footer {display:block;position:relative} .comment-item .comment-item-sub {padding:1.25rem 0;border-top:1px solid rgba(0,0,0,.05)} .comment-item .comment-item-sub-body > .comment-item-sub:first-child {border-top:none} .comment-item .comment-item-sub::before, .comment-item .comment-item-sub-footer::before {content:'';display:block;overflow:hidden;position:absolute;z-index:1;width:18px;height:21px;background:url('/image/comment/comment_type1_reply.png') 0 0 no-repeat} .comment-item .comment-item-sub::before {left:-2.8125rem;top:1.625rem} .comment-item .comment-item-sub::after {content:'';display:table;clear:both} .comment-item .comment-item-sub-footer {margin-top:1rem} .comment-item .comment-item-sub-footer::before {left:0;top:.625rem} .comment-item .comment-item-sub-footer .comment-write {margin-bottom:0;background:none;border:none;border-radius:0} .comment-item .comment-item-sub-footer .comment-form {display:block;overflow:hidden;margin-bottom:2.1875rem;background-color:#fff;border:1px solid rgba(0,0,0,.25);border-radius:.3125rem} .comment-item .second .btn-comment-sub-write {display:block;width:100%;margin-bottom:2.1875rem;padding:1.25rem 1.5rem;font-size:.875rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1;color:rgba(0,0,0,.6);background-color:#fff;border:1px solid rgba(0,0,0,.25);border-radius:.3125rem;text-align:left;cursor:pointer} .comment-item .second .btn-comment-sub {float:none;width:100%;font-size:.9375rem;text-align:center} @media screen and (max-width: 39.9375em) { .row .comment-item .comment-item-sub-body, .row .comment-item .comment-item-sub-footer {padding-left:1.625rem} .row .comment-item .comment-item-sub::before, .row .comment-item .comment-item-sub-footer::before {width:9px;height:11px;background-size:contain} .row .comment-item .comment-item-sub::before {left:-1.625rem} } /* best comment */ .best-content {display:block} .best-content > .comment-item:first-of-type > .first {padding-top:0;border-top:0} .best-content > .comment-item:last-of-type {margin-bottom:1.25rem} .best-content > .comment-item:last-of-type > .first {border-bottom:1px solid rgba(0,0,0,.08)} .best-content > .comment-item:last-of-type .second {border-top:0;border-bottom:1px solid rgba(0,0,0,.05)} .comment-item .best {display:inline-block;overflow:hidden;margin-right:.25rem;padding:0 .375rem;font-size:.625rem;line-height:16px;color:#fff;background-color:#f44e5c;border-radius:.125rem;text-transform:uppercase;vertical-align:middle} /* user comment infomation */ .block {overflow:hidden !important;touch-action:none} #userCommentInfo {display:none} #userCommentInfo .cmt-info-block {overflow-x:hidden;overflow-y:scroll;position:fixed;z-index:1006;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.45);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} #userCommentInfo .cmt-info {overflow:hidden;position:relative;z-index:1006;width:80%;max-width:720px;margin:5em auto 0;padding:1.25rem 1.875rem;background-color:#fff;border-radius:.3125rem;-webkit-backface-visibility:hidden;backface-visibility:hidden} @media screen and (max-width: 39.9375em) { #userCommentInfo .cmt-info {width:100%;margin-top:0;padding-left:1.25rem;padding-right:1.25rem;border-radius:0} } /* header */ #userCommentInfo .info-header {display:block} #userCommentInfo .info-header::after {content:'';display:table;clear:both} #userCommentInfo .info-header .titles {float:left;font-size:1.25rem;font-weight:normal;line-height:50px;color:#000} #userCommentInfo .info-header .cmt-info-close {float:right;height:50px;font-size:1.625rem;cursor:pointer} /* user infomation */ #userCommentInfo .user-infomation {display:block;overflow:hidden;padding:1rem 1.25rem;margin-bottom:1.875rem;background-color:#3f63bf;border:1px solid rgba(0,0,0,.08);border-radius:.25rem} #userCommentInfo .user-infomation .image {display:block;overflow:hidden;float:left;width:52px;height:52px;margin-right:1rem;background:url('https://cdn.atstar1.com/image/newsroom/default-user.png') 50% 50% no-repeat;background-size:cover;border-radius:50%} #userCommentInfo .user-infomation .user-data {display:block} #userCommentInfo .user-infomation .name {display:block;overflow:hidden;margin-bottom:.625rem;font-size:1rem;font-weight:700;font-weight:var(--wgt700 , 700);line-height:1.375;color:#fff;white-space:nowrap;text-overflow:hidden} #userCommentInfo .user-infomation .lists {display:block;padding:0;margin:0;font-size:0;list-style:none;text-align:left} #userCommentInfo .user-infomation .lists > li {display:inline-block;position:relative;font-size:.8125rem;line-height:1.2;color:rgba(255,255,255,.6);vertical-align:middle} #userCommentInfo .user-infomation .lists > li:not(:first-child) {margin-left:.75rem;padding-left:.75rem} #userCommentInfo .user-infomation .lists > li:not(:first-child)::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.75rem;border-left:1px solid rgba(255,255,255,.15);-ms-transform:translateY(-50%);transform:translateY(-50%)} /* user comment */ #userCommentInfo .cmt-info-body, #userCommentInfo .cmt-item {display:block} #userCommentInfo .cmt-info-body > .cmt-item:not(:first-child) {margin-top:2.5rem} #userCommentInfo .cmt-item .dated {display:block;padding:0;margin:0 auto .625rem;font-size:.8125rem;line-height:1;color:rgba(0,0,0,.65);white-space:nowrap} #userCommentInfo .cmt-item .org-article {display:block;margin-bottom:.625rem} #userCommentInfo .cmt-item .org-article::after {content:'';display:table;clear:both} #userCommentInfo .cmt-item .org-article > .image {overflow:hidden;float:left;width:40px;height:40px;margin-right:1rem;background-repeat:no-repeat;background-position:50% 50%;background-size:cover} #userCommentInfo .cmt-item .org-article > .subject {display:block;overflow:hidden;font-size:1.0625rem;font-weight:700;font-weight:var(--wgt700, 700);line-height:40px;color:#000;white-space:nowrap;text-overflow:ellipsis} #userCommentInfo .cmt-item .cmt-box {display:block;overflow:hidden;padding:1.25rem;background-color:#f5f6f6;border:1px solid rgba(0,0,0,.08);border-radius:.25rem} #userCommentInfo .cmt-item .text {display:block;padding:0;margin:0 auto 1rem;font-size:.875rem;font-weight:300;font-weight:var(--wgt300, 300);line-height:1.375;color:#000} #userCommentInfo .cmt-item.recomment .text::before {content:'답글';display:inline-block;overflow:hidden;padding:0 .625rem;margin-right:.75rem;font-size:.75rem;line-height:22px;color:#fff;background-color:#787878;border-radius:.125rem;white-space:nowrap;vertical-align:middle} #userCommentInfo .cmt-item .helper-box {display:block;padding:0;margin:0;list-style:none} #userCommentInfo .cmt-item .helper-box::after {content:'';display:table;clear:both} #userCommentInfo .cmt-item .helper-box > li {float:left;font-size:.8125rem;font-weight:300;font-weight:var(--wgt300, 300)} #userCommentInfo .cmt-item .helper-box > li:first-child {margin-right:2.5rem} #userCommentInfo .cmt-item.recomment .helper-box > li:first-child {display:none !important} #userCommentInfo .cmt-item .helper-box > li:not(:nth-child(-n + 2)) {margin-left:.875rem} #userCommentInfo .cmt-item-more {display:block;overflow:hidden;width:100%;height:50px;margin-top:2.5rem;font-size:.9375rem;background-color:#fff;border:1px solid rgba(0,0,0,.12);border-radius:.3125rem;text-align:center;cursor:pointer} /* my comment modal */ #myCommnetView {max-width:720px;background-color:#fff} #myCommnetView > .view-header {display:block;padding:1.875rem} #myCommnetView > .view-header::after {content:'';display:table;clear:both} #myCommnetView > .view-header .titles {float:left;margin:0;font-size:1.375rem;font-weight:700;font-weight:var(--wgt700, 700);line-height:45px} #myCommnetView > .view-header .close {float:right;height:45px;margin:0;font-size:1.875rem;cursor:pointer} @media screen and (max-width: 39.9375em) { .row #myCommnetView {max-width:none} } </style>  <article id="comment"> <header id="reply" class="cmt-header"> <h4 class="titles"><strong class="comment-count"></strong>개의 댓글</h4> </header>  <article class="comment-write"> <form class="comment-form" name="commentWriteForm" method="POST"> <input type="hidden" class="mode" name="mode" value="input" /> <input type="hidden" class="service-name" name="service_code" value="news" /> <input type="hidden" class="parent-idxno" name="parent_idxno" value="6019097" /> <input type="hidden" class="reply-parent-idxno" name="reply_parent_idxno" value="" /> <input type="hidden" class="user-id" name="user_id" value="" /> <header class="wrt-header"> <a href="/member/login.html?backUrl=/news/articleView.html?idxno=6019097#comment" class="user-name btn-comment-login">회원로그인</a> <article id="comment-guest"> <label for="guestName" class="show-for-sr">작성자</label> <input type="text" name="name" id="guestName" title="작성자" placeholder="작성자" value="" /> <label for="guestPassword" class="show-for-sr">비밀번호</label> <input type="password" name="password" id="guestPassword" title="비밀번호" placeholder="비밀번호" value="" /> </article> </header> <label for="cmtContent" class="show-for-sr">댓글 내용입력</label> <textarea name="content" title="댓글 내용입력" id="cmtContent" class="comment-content" placeholder="권리침해, 욕설 및 특정 대상을 비하하는 내용을 게시할 경우 이용약관 및 관련법률에 의해 제재될 수 있습니다. 회원 로그인을 하시면 댓글 작성이 간편합니다." ></textarea> <div class="recaptcha-container"></div> <footer class="wrt-footer"> <span class="cur--length"><strong class="comment-text-cur">0</strong> / 400</span> <button type="button" class="btn-comment-save user-bg">등록</button> </footer> </form> </article>   <article id="comment-list"> <header class="list-sort"> <h5 class="show-for-sr">댓글 정렬</h5> <div class="option"> <button type="button" data-data="I" class="btn-comment-orderby btn-comment-orderby-I">최신순</button> <button type="button" data-data="C" class="btn-comment-orderby btn-comment-orderby-C">추천순</button> <button type="button" data-data="R" class="btn-comment-orderby btn-comment-orderby-R">답글순</button> </div> <div class="explain"> <a rel="menu" class="explain-btn" data-toggle="guide-panel"><i class="icon-info-o"></i> BEST댓글</a> <div id="guide-panel" class="guide" data-toggler data-animate="fade-in fade-out" data-closable> <strong>BEST 댓글</strong> 답글과 추천수를 합산하여 자동으로 노출됩니다. <button class="close-button" data-close><i class="icon-close-thin"><span class="show-for-sr">닫기</span></i></button> </div> </div> </header> <section class="best-content">  </section> <section class="normal-content">  </section> <button type="button" class="btn-comment-more"><span>더보기</span></button> </article>  </article>   <div class="reveal" id="comment-reveal-delete" data-reveal> <header class="reveal-header"> <div class="reveal-title">댓글삭제</div> <div class="reveal-msg"> 삭제한 댓글은 다시 복구할 수 없습니다.<br> 그래도 삭제하시겠습니까? </div> </header> <section class="reveal-container"> <form class="comment-form" name="commentDeleteForm" method="POST"> <input type="hidden" class="service-name" name="service_code" value="news" /> <input type="hidden" class="table-name" name="table_name" value="article_reply" /> <input type="hidden" class="parent-idxno" name="parent_idxno" value="6019097" /> <input type="hidden" class="mode" name="mode" value="" /> <input type="hidden" class="idxno" name="idxno" value="" /> <input type="hidden" class="reply-parent-idxno" name="reply_parent_idxno" value="" /> <input type="hidden" class="user-id" name="user_id" value="" />  <fieldset id="delete-password-field" class="row expanded small-collapse medium-uncollapse"> <div class="medium-3 columns"> <label for="removePassword" class="medium-middle"><strong class="key-point">비밀번호</strong></label> </div> <div class="medium-9 columns"> <input type="password" name="password" class="password" id="removePassword" title="비밀번호" placeholder="비밀번호 입력" class=""> </div> </fieldset>  <footer class="clearfix text-center"> <button type="button" class="button btn-comment-delete-ok"><i class="icon-trash-o"></i> 삭제</button> </footer> </form> </section>  <button class="close-button" data-close aria-label="Close modal" type="button"> <i class="icon-close-thin"><span class="show-for-sr">닫기</span></i> </button>  </div>   <div class="reveal" id="comment-reveal-modify" data-reveal> <header class="reveal-header"> <div class="reveal-title">댓글수정</div> <div class="reveal-msg"> 댓글 수정은 작성 후 1분내에만 가능합니다. </div> </header> <section class="reveal-container"> <form class="comment-form" name="commentModifyForm" method="POST"> <input type="hidden" class="service-name" name="service_code" value="news" /> <input type="hidden" class="table-name" name="table_name" value="article_reply" /> <input type="hidden" class="parent-idxno" name="parent_idxno" value="6019097" /> <input type="hidden" class="mode" name="mode" value="" /> <input type="hidden" class="idxno" name="idxno" value="" /> <input type="hidden" class="reply-parent-idxno" name="reply_parent_idxno" value="" /> <input type="hidden" class="user-id" name="user_id" value="" />  <fieldset class="row expanded small-collapse medium-uncollapse"> <div class="medium-3 columns"> <label for="modiifyContent" class="medium-middle"><strong class="key-point">본문</strong></label> <div class="size-12"> <span class="comment-text-cur"></span> / 400 </div> </div> <div class="medium-9 columns"> <textarea name="modify_content" class="modiify-content" id="modiifyContent" rows="10"></textarea> </div> </fieldset>   <fieldset id="modify-password-field" class="row expanded small-collapse medium-uncollapse"> <div class="medium-3 columns"> <label for="modifyPassword" class="medium-middle"><strong class="key-point">비밀번호</strong></label> </div> <div class="medium-9 columns"> <input type="password" name="password" class="password" id="modifyPassword" title="비밀번호" placeholder="비밀번호 입력" class=""> </div> </fieldset>  <footer class="clearfix text-center"> <button type="button" class="button btn-comment-modify-ok"><i class="icon-trash-o"></i> 수정</button> </footer> </form> </section>  <button class="close-button" data-close aria-label="Close modal" type="button"> <i class="icon-close-thin"><span class="show-for-sr">닫기</span></i> </button>  </div>   <div class="user-comment-info-view"></div>   <div class="reveal large" id="myCommnetView" data-reveal> <article class="view-header"> <h3 class="titles">내 댓글 모음</h3> <button type="button" class="close" data-close><i class="icon-close-thin"><span class="show-for-sr">닫기</span></i></button> </article> <iframe id="myIframeBox" src="about:blank" width="100%" height="500" frameBorder="0"></iframe> </div><script src="https://cdn.atstar1.com/comment/comment.js"></script> <script> $comment.service_code = 'news'; // 현재 이용 서비스 (중요!!) $comment.parent_idxno = '6019097'; // 댓글 부모 게시물 번호 $comment.member_check = 'GUEST'; // 회원여부 $comment.member_nd = ''; // 회원여부 $comment.captcha_view = 'Y'; // 캡챠 노출 (로그인 및 권한에 따른 노출 상태) $comment.bbs_table = undefined; // 게시판 테이블 $comment.comment_orderby = 'I', // 댓글 정렬 $comment.comment_page = 1, // 댓글 페이징 $comment.comment_count = 0, // 댓글 총 갯수 $comment.commentConfigSet(); // 댓글 설정 불러오기 (중요!!) $(document).ready(function(e){ // 댓글 정렬 변경 $('#comment').on('click', '.btn-comment-orderby', function(e){ $comment.commentList('load', $comment.comment_page, $comment.comment_orderby=$(this).data('data')); // 댓글 불러오기 // $comment.moveScroll($comment.list_container); // 자동 스크롤 이동 }); // 답글 정렬 변경 $('#comment').on('click', '.btn-sub-comment-orderby', function(e){ var reply_parent_idxno = $(this).data('idxno'); $('#comment-item-'+reply_parent_idxno+'-sub .comment-sub-orderby').val($(this).data('orderby')); $comment.commentSubList(reply_parent_idxno, 'reload'); // $comment.moveScroll($comment.list_container); // 자동 스크롤 이동 }); // 댓글 더보기 $('#comment').on('click', '.btn-comment-more', function(e){ $comment.moveScroll($(this)); // 자동 스크롤 이동 $comment.commentList('add', ++$comment.comment_page, $comment.comment_orderby); // 댓글 추가하기 }); // 댓글 쓰기 $('#comment').on('click', '.btn-comment-save', function(e){ if( $comment.textLength($(this).closest('form').find('.comment-content')) ){ // 저장 이벤트 전 글자 수 체크 (스팸 방지) $comment.commentWrite($(this).closest('form')); // 댓글 저장 } }); // 댓글 쓰기 상단 이동 버튼 처리 $('#comment').on('click', '.btn-comment-write', function(e){ $comment.moveScroll($('.comment-write'), true); // 자동 스크롤 이동 $('#comment > .comment-write .comment-content').focus(); }); // 댓글 작성 글자수 제한 $('#comment').on('change keyup keydown keypress', '.comment-content', function(e){ $comment.textLength($(this)); }); // 댓글 삭제 모달 열기 $('#comment').on('click', '.btn-comment-delete', function(e){ var cmtItem = $(this).closest('.user-textbox'); $comment.reveal_delete.find('.mode').val($(this).data('mode')); $comment.reveal_delete.find('.idxno').val(cmtItem.data('idxno')); $comment.reveal_delete.find('.reply-parent-idxno').val(cmtItem.data('reply-parent-idxno')); $comment.reveal_delete.find('.user-id').val(cmtItem.data('user-id')); $comment.reveal_delete.find('.password').val(''); $comment.reveal_delete.foundation('open'); }); // 댓글 삭제 시 엔터 이벤트 $('#comment-reveal-delete .password').keydown(function(e) { if (e.keyCode == 13) return false; }); // 댓글 삭제 $('#comment-reveal-delete').on('click', '.btn-comment-delete-ok', function(e){ $comment.commentDelete($(this).closest('form')); // 댓글 삭제 }); // 댓글 답글 보기 / 더보기 $('#comment').on('click', '.btn-comment-sub', function(e){ var sub_item = $(this).closest('.comment-item'), reply_parent_idxno = sub_item.data('reply-parent-idxno'), sub_mode = $(this).data('sub-mode'); $comment.commentSubList(reply_parent_idxno, sub_mode); // 답글 보기 }); // 답글 쓰기 폼 열기 $('#comment').on('click', '.btn-comment-sub-write', function(e){ var sub_item = $(this).closest('.comment-item'), sub_write_form = sub_item.find('form[name="commentWriteForm"]'); $(this).hide(); sub_write_form.show().find('textarea.comment-content').focus(); $comment.moveScroll(sub_write_form); // 자동 스크롤 이동 }); // 댓글 추천/반대 $('#comment').on('click', '.btn-comment-vote', function(e){ var cmtItem = $(this).closest('.user-vote'); $comment.commentVote($(this), $(this).data('mode'), cmtItem.data('idxno')); // 댓글 추천/반대 }); // 댓글 작성란 비활성 이벤트 $('#comment').on('click', '.comment-write .comment-content', function(e){ if( $(this).prop('readonly') == true ){ var login_url = $(this).closest('.comment-write').find('.btn-comment-login').prop('href'); if($comment.member_check == 'GUEST') location.href=login_url; else alert('댓글 작성 권한이 없습니다. 관리자에게 문의하세요'); } }); // 댓글 옵션 레이어 토글 $('#comment').on('click', '.user-tb-h-del button', function(){ var optionBox = $(this).closest('.user-tb-h-del').find('.user-delete'); if(optionBox.is(':visible') == false){ $('.user-delete').hide(); optionBox.show(); } else optionBox.hide(); }); // 베스트 댓글 안내 $('.cl-s-explain a').on('mouseover', function(){ $(this).next('p').show(); }).on('mouseout', function(){ $(this).next('p').hide(); }); // 댓글 작성자 정보 OPEN $('#comment').on('click', '.user-comment-info', function(){ var infoId = $(this).closest('.comment-item').attr('id'); $comment.userCommentInfo($(this).closest('.user-textbox').data('user-id')); $('html, body').addClass('block'); // 댓글 작성자 정보 CLOSE $(document).on('click', '.cmt-info-block, .cmt-info-close', function(e){ var $tgPoint = $(e.target); var $commentArea = $tgPoint.closest('.cmt-info'); // .hasClass('cmt-info'); var closeBool = true; if($commentArea.length) { if(!$tgPoint.hasClass('icon-close-thin')) closeBool = false; } if(closeBool) { $('html, body').removeClass('block'); $('#userCommentInfo').remove(); } // location.href='#'+infoId; }); }); $('#comment').on('click', '.my-cmt', function(e){ $('#myIframeBox').attr("src", "/comment/myComment.html"); $('#myCommnetView').foundation('open'); }); }); </script>  <div class="clearfix"> </div>  </article> <aside class="grid side"> <div class="sticky-container" data-sticky-container> <div class="sticky" data-sticky data-anchor="articleViewCon" data-dynamic-height="true" data-check-every="0" data-margin-top="5" data-sticky-on="large">  <article class="box-skin idx--box "> <header class="header"><strong>많이 본 기사</strong></header> <section class="content"><style type="text/css"> #skin-19 > .item:not(:first-child) {margin-top:15px} #skin-19 .number, #skin-19 .auto-titles {float:left} #skin-19 .number {width:35px} #skin-19 .auto-titles {width:calc(100% - 35px)} </style> <div id="skin-19" class="auto-article"><div class="item"> <a href="/news/articleView.html?idxno=6018919" target="_top"> <strong class="number size-18 line-2x1 auto-fontA">1</strong> <span class="auto-titles size-15 line-4x2 auto-fontA onload">이찬원, 트로트가수 그만두나 “시험 봤으면 바로 합격” (불후)</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6018895" target="_top"> <strong class="number size-18 line-2x1 auto-fontA">2</strong> <span class="auto-titles size-15 line-4x2 auto-fontA onload">뉴진스 말고 유진스, ‘트롯 요정’ 전유진 생애 첫 화보</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6018899" 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=6018923" 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=6018930" target="_top"> <strong class="number size-18 line-2x1 auto-fontA">5</strong> <span class="auto-titles size-15 line-4x2 auto-fontA onload">“연애-결혼 없다, 아들만 있을 뿐”…본능적으로 사는 51세 정우성</span> </a> </div> </div> </section> </article><div class="box-margins " style="margin-bottom:40px;"></div><article class="box-skin idx--box "> <header class="header"><strong>주요기사</strong></header> <section class="content"><style type="text/css"> #skin-20 > .item:not(:first-child) {margin-top:20px} #skin-20 .frame {width:60px} #skin-20 .content {display:block;width:auto;padding:9px 45px 9px 0} #skin-20 .auto-valign > .for-middle:first-child:nth-last-child(2) {display:inline-block;width:calc(100% - 60px);padding:0 18px 0 0} </style> <div id="skin-20" class="auto-article"><div class="item"> <a href="/news/articleView.html?idxno=6019141" 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/20241203/6019141_82618_2336_1733117016_100.jpg)"></em> </span></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019139" target="_top" class="auto-valign"> <span class="content for-middle"> <em class="auto-titles size-16 line-4x2 auto-fontA onload">청룡영화상 베스트 ‘권유리’ VS 워스트 ‘임지연’ [스타@스캔]</em> </span><span class="frame line for-middle"> <em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/custom/20241203/6019139_82610_1747_1733109467_100.jpg)"></em> </span></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019097" target="_top" class="auto-valign"> <span class="content for-middle"> <em class="auto-titles size-16 line-4x2 auto-fontA onload">휘브 “1년 동안 성장한 우리들…이젠 더 멋진 아티스트 될 것” [스타@스타일]</em> </span><span class="frame line for-middle"> <em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/custom/20241203/6019097_82521_20_1732863721_100.jpg)"></em> </span></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019107" target="_top" class="auto-valign"> <span class="content for-middle"> <em class="auto-titles size-16 line-4x2 auto-fontA onload">“멋진 의상” 있지 채령 VS “나빠요” 정윤하 [스타@스캔]</em> </span><span class="frame line for-middle"> <em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/custom/20241203/6019107_82547_4710_1732866430_100.jpg)"></em> </span></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019067" target="_top" class="auto-valign"> <span class="content for-middle"> <em class="auto-titles size-16 line-4x2 auto-fontA onload">배현성, ‘박보검 닮은꼴’ 떼고 대세 믿보배로 우뚝 [스타@스타일]</em> </span><span class="frame line for-middle"> <em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/custom/20241203/6019067_82477_1135_1732806695_100.jpg)"></em> </span></a> </div> </div> </section> </article><div class="box-margins " style="margin-bottom:40px;"></div>  </div> </div> </aside> </section>  <div class="clearfix"> </div>  </div>  <div class="view-footer-group"> <div class="inner float-center" style="max-width:1200px"> <article class="item">  <div class="clearfix"> <article class="box-skin idx--large "> <header class="header"><strong>이 시각 추천뉴스</strong></header> <section class="content"><style type="text/css"> #skin-21 > .item {margin-top:16px} #skin-21 > .item.large {margin-top:30px;margin-bottom:25px} #skin-21 > .item:first-child {margin-top:0} .auto-article ~ #skin-21 > .item:first-child {margin-top:30px} #skin-21 .auto-images {transition:transform .5s, -ms-transform .5s} #skin-21 a:hover .auto-images {-ms-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)} #skin-21 .frame {width:180px} #skin-21 .content {display:block} #skin-21 .frame + .content {display:inline-block;width:calc(100% - 180px);padding-left:18px} #skin-21 > .item.small .auto-titles {width:calc(100% - 180px);padding-right:30px} #skin-21 .byline {width:180px;font-size:0;white-space:nowrap;text-align:right} #skin-21 .byline > em {display:inline-block;position:relative;font-size:.8125rem;line-height:1;color:rgba(0,0,0,.6);vertical-align:middle} #skin-21 .byline > em:not(:first-child) {margin-left:.375rem;padding-left:.375rem} #skin-21 .byline > em:not(:first-child)::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.625rem;border-left:1px solid rgba(0,0,0,.12);-ms-transform:translateY(-50%);transform:translateY(-50%)} </style> <div id="skin-21" class="auto-article"><div class="item large"> <a href="/news/articleView.html?idxno=6019086" target="_top" class="auto-valign"><span class="frame line for-middle"> <em class="auto-images ratio-32" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202411/6019086_82510_948_v150.jpg)"></em> </span><span class="content for-middle"> <strong class="auto-titles size-25 weight-700 line-4x2 auto-fontA onload">[뷰티뉴스] 달바, 2년 연속 '올리브영 어워즈' 수상 기념 한정 기획세트 선보인다</strong> <em class="auto-sums martop-8 size-14 line-7x2 auto-fontK">달바가 ‘비건 톤업 선크림’ 올리브영 어워즈 2년 연속 수상을 기념해 한정 기획 세트를 출시한다.달바 ‘비건 톤업 선크림’은 SPF50+ / PA++++ 의 강력한 자외선 차단 기...</em> </span> </a> </div> <div class="item small"> <a href="/news/articleView.html?idxno=6018956" target="_top" class="auto-valign"> <span class="auto-titles for-middle size-18 line-4x1 auto-fontA onload">세정그룹, 부산 티셔츠 출시…지역 상생 이어간다</span> <span class="byline for-middle"> <em>패션뉴스</em> <em>박승현 기자</em> </span> </a> </div> <div class="item small"> <a href="/news/articleView.html?idxno=6018955" target="_top" class="auto-valign"> <span class="auto-titles for-middle size-18 line-4x1 auto-fontA onload">[패션뉴스] 나우, ‘콰이어트 아웃도어’ 출시</span> <span class="byline for-middle"> <em>패션뉴스</em> <em>박승현 기자</em> </span> </a> </div> <div class="item small"> <a href="/news/articleView.html?idxno=6018888" target="_top" class="auto-valign"> <span class="auto-titles for-middle size-18 line-4x1 auto-fontA onload">[뷰티뉴스] 달바 비건 미스트 세럼, 日 앳코스메 랭킹 1위</span> <span class="byline for-middle"> <em>뷰티뉴스</em> <em>황연도 기자</em> </span> </a> </div> <div class="item small"> <a href="/news/articleView.html?idxno=6018810" target="_top" class="auto-valign"> <span class="auto-titles for-middle size-18 line-4x1 auto-fontA onload">[패션뉴스] 폴햄, 무브 다운 출시…AI와 만났다</span> <span class="byline for-middle"> <em>패션뉴스</em> <em>박승현 기자</em> </span> </a> </div> </div> </section> </article> </div>  </article> <article class="item">  <div class="clearfix"> <article class="box-skin idx--small "> <header class="header"><strong>포토뉴스</strong></header> <section class="content"><style type="text/css"> #skin-22 {overflow:hidden;position:relative;height:0;padding-bottom:100%} #skin-22 #for-22 {overflow:hidden;position:absolute;z-index:10;left:25%;top:25%;width:calc(75% - 1px);height:0;padding-bottom:calc(75% - 1px)} #skin-22 #for-22 > .item {position:relative} #skin-22 #nav-22 {position:absolute;z-index:1;width:100%;height:100%} #skin-22 #nav-22 > .item {position:absolute;z-index:1;width:calc(25% - 1px);opacity:.5;filter:alpha(opacity=50);cursor:pointer} #skin-22 #nav-22 > .item.active {opacity:1;filter:alpha(opacity=100)} #skin-22 #nav-22 > .item.active .frame::before {border-width:3px;border-color:#000} #skin-22 #nav-22 > .item.nav-1 {left:0;top:0} #skin-22 #nav-22 > .item.nav-2 {left:25%;top:0} #skin-22 #nav-22 > .item.nav-3 {left:50%;top:0} #skin-22 #nav-22 > .item.nav-4 {left:75%;top:0} #skin-22 #nav-22 > .item.nav-5 {left:75%;top:25%} #skin-22 #nav-22 > .item.nav-6 {left:75%;top:50%} #skin-22 #nav-22 > .item.nav-7 {left:75%;top:75%} #skin-22 #nav-22 > .item.nav-8 {left:50%;top:75%} #skin-22 #nav-22 > .item.nav-9 {left:25%;top:75%} #skin-22 #nav-22 > .item.nav-10 {left:0;top:75%} #skin-22 #nav-22 > .item.nav-11 {left:0;top:50%} #skin-22 #nav-22 > .item.nav-12 {left:0;top:25%} </style> <div id="skin-22" class="auto-article"><div id="for-22"><div class="item"> <a href="/news/articleView.html?idxno=6019166" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019166_82661_3518.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">‘고딩엄빠’ 또 출연한 부부…두 번째 이혼 위기로 별거 10개월 차</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019165" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019165_82659_2536.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">김일우, 61세 첫 장가갈까…짝사랑녀에 박력 “그냥 나한테 와” (신랑수업)</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019164" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019164_82658_94.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">한매연 공식입장 “뉴진스 분쟁, 대중문화산업에 악영향…매우 악질” (전문)</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019162" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019162_82655_318.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">‘돌싱포맨’ 재혼 물 건너갔다…‘메기남’ 성훈 투입에 경악</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019161" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019161_82653_1656.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">‘나솔’ 23기 결혼 시그널 터졌다 “예식장 잡으면 알려줘”</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019160" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019160_82651_156.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">김숙♥윤정수, 각서따라 결혼하려나 “약속한 2030년, 얼마 안 남아” (홈즈)</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019159" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019159_82649_4548.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">46세 윤세아, 마지막 연애 공개 “너무 사랑해서 힘들어” (솔로라서)</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019158" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019158_82647_2659.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">안정환, 오매불망 아내 사랑 “우리집 최고의 명품 ♥이혜원” (선넘은)</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019157" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019157_82645_1741.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">‘흑백요리사’ 시즌2 돌입…백종원-안성재 심사 기준 공개</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019156" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019156_82643_5658.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">자본주의 물든 신현준 아들…거액 용돈 받고 움직이는 ‘곧 사춘기’ (꽃중년)</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019155" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019155_82641_4310.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">김준호의 은우 vs 김정환의 로이…‘어펜져스’ 2세 펜싱 맞대결 (슈돌)</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019154" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019154_82639_2628.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">‘누적 연봉 1900억 원’ 추신수, 아내에게 미안함 뿐 “결혼식 못해, 출산도 혼자” (라스)</span> </span> </a> </div> </div> <div id="nav-22"><div class="item auto-cursor nav-1 active"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019166_82661_3518_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-2"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019165_82659_2536_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-3"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019164_82658_94_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-4"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019162_82655_318_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-5"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019161_82653_1656_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-6"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019160_82651_156_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-7"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019159_82649_4548_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-8"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019158_82647_2659_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-9"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019157_82645_1741_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-10"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019156_82643_5658_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-11"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019155_82641_4310_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-12"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019154_82639_2628_v150.jpg)"></em></span> </div> </div> </div><script type="text/javascript"> function mosaic_autobox(data) { var $_container = $(data[0].container); var autoplay = data[0].autoplay; var autotime = data[0].autotime; var temp_autoplay = autoplay; var totalcount = $_container.find('#nav-22 > .item').length; var point = 0; $_container.on('mouseenter', '.auto-cursor', function(e){ mosaic_cmd('current', $(this).index()); }); $_container.on('mouseenter', function(e){ if(autoplay) temp_autoplay = false; }).on('mouseleave', function(e){ if(autoplay) temp_autoplay = true; }); if(autoplay) { var rolling = window.setInterval(function () { if(temp_autoplay) mosaic_cmd('next', 0); }, autotime); } function mosaic_cmd(mode, current_point) { if(mode == "prev") { point -= 1; if(point < 0) point = totalcount - 1; }else if(mode == "next") { point += 1; if(point >= totalcount) point = 0; }else if(mode == "current") { point = current_point; } $_container.find('#for-22 > .item').eq(point).show().siblings().hide(); $_container.find('#nav-22 > .item').eq(point).addClass('active').siblings().removeClass('active'); if(point < 3){ $_container.find('#for-22').css({"left":"25%","top":"25%"}); } else if(point < 6 && point >= 3) { $_container.find('#for-22').css({"left":"0","top":"25%"}); } else if(point < 9 && point >= 6) { $_container.find('#for-22').css({"left":"0","top":"0"}); } else if(point >= 9) { $_container.find('#for-22').css({"left":"25%","top":"0"}); } return false; } } (function() { //설정값 var data = [{ container:"#skin-22", autoplay:true, autotime:3000 }]; //초기실행 mosaic_autobox(data); })(); </script> </section> </article> </div>  </article> </div> </div>  </div> </div> </section>  </div> <style type="text/css"> #user-footer.type-24 {padding:50px 20px 80px;margin:1.875rem 0 0;background-color:#fff} #user-footer.type-24 > .inner {position:relative;margin:0 auto} /* navgation */ #user-footer.type-24 .footer-nav {margin:0 auto 1.875rem;font-size:0;text-align:left} #user-footer.type-24 .footer-nav > a {display:inline-block;overflow:hidden;margin-right:1.375rem;padding:0;font-size:.9375rem;font-weight:bold;line-height:1.375;color:rgba(0,0,0,.7)} #user-footer.type-24 .footer-nav > a:last-child {margin-right:0} /* gnb */ #user-footer.type-24 .footer-gnb {display:table;width:100%;table-layout:fixed} #user-footer.type-24 .footer-gnb > .gnb-cell {display:table-cell;width:100%;font-size:0;vertical-align:top} #user-footer.type-24 .footer-gnb > .gnb-cell.text-right {width:200px;padding-left:50px} /* logo */ #user-footer.type-24 .footer-gnb .user-logo {float:none;display:inline-block;margin:0;font-size:0} /* address */ #user-footer.type-24 .address {display:block;margin:0;padding:0;list-style:none} #user-footer.type-24 .address::after {content:'';display:table;clear:both} #user-footer.type-24 .address > li {float:left;font-size:.75rem;font-weight:lighter;line-height:1.625;color:#858585} #user-footer.type-24 .address > li::before {content:'';display:inline-block;overflow:hidden;width:0;height:.688rem;margin:0 .625rem;border-left:1px solid rgba(0,0,0,.15)} #user-footer.type-24 .address > li.clear {margin-left:0;clear:both} #user-footer.type-24 .address > li.copy {font-size:.813rem;color:#555} #user-footer.type-24 .address > :first-child::before, #user-footer.type-24 .address > li.clear::before {content:normal} #user-footer.type-24 .address a {color:inherit;text-decoration:none} </style>  <footer id="user-footer" class="type-24"> <div class="inner float-center width-1200"> <h2 class="show-for-sr">하단영역</h2> <nav class="footer-nav"> <h3 class="show-for-sr">하단메뉴</h3> <a href="/com/com-1.html">매체소개</a> <a href="http://www.atstar1.com/com/jb.html">기사제보</a> <a href="http://www.atstar1.com/com/ad.html">광고문의</a> <a href="/com/service.html">이용약관</a> <a href="/com/privacy.html" class="user-point">개인정보처리방침</a> <a href="/com/youthpolicy.html">청소년보호정책</a> <a href="/com/copyright.html">저작권보호정책</a> <a href="/com/emailno.html">이메일무단수집거부</a>  </nav> <article class="footer-gnb"> <div class="gnb-cell text-left"> <h3 class="show-for-sr">매체정보</h3> <ul class="address"> <li>서울특별시 강남구 학동로336, 6층(논현동, 메이트리빌딩) </li> <li>대표전화 : 02-544-7200</li> <li class="clear">법인명 : 스타일도어(주)</li> <li>제호 : 앳스타일</li> <li>등록번호 : 서울 아 01959</li> <li>발행일 : 2012년 3월 21일 </li> <li>등록일 : 2012-02-01</li> <li class="clear">발행인 : 이재환</li> <li>편집인 : 이재환 김소라</li> <li>청소년보호책임자 : 김소라</li> <li class="copy clear martop-20"> C<a href="http://www.atstar1.com/admin/adminLoginForm.html" tabindex="-1">o</a>pyright © 2024 앳스타일. <a href="http://www.atstar1.com/news/articleView.html?idxno=6019097" onclick="setCookie('view_pc', 'n', 1);" tabindex="-1">All</a> rights reserved. mail to <a href="mailto:darm1009@gmail.com">darm1009@gmail.com</a> </li> </ul> </div> <div class="gnb-cell text-right"> <h6 class="user-logo"><img src="https://cdn.atstar1.com/image/logo/downlogo_20240729053134.png" alt="앳스타일" /></h6> </div> </article> <a href="http://www.ndsoft.co.kr/" target="_blank" class="ndsoft"><img src="https://cdn.atstar1.com/image/ndsoft.svg" alt="ND소프트"></a> </div> </footer>  <div class="clearfix text-center"> </div> <button type="button" id="back-to-top" class="back-to-top" title="위로"><i class="icon-arrow-top"><span class="show-for-sr">위로</span></i></button> </div>  </div> <div class="off-canvas user-canvas position-left is-closed" id="offCanvas" data-off-canvas data-transition="overlap"> <style type="text/css"> .user-canvas .user-canvas-navs .menu li > a:hover,.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a {background:#000} .user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent > a::after,.user-canvas .user-canvas-navs .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a::after {border-top-color:#000} .user-canvas .user-canvas-navs .menu li ul.menu.nested li a:hover {color:#000} </style> <nav id="allService" class="user-canvas-navs"> <h2 class="show-for-sr">전체메뉴</h2>  <ul class="vertical menu accordion" data-accordion-menu data-multi-open="false"> <li><a href="/news/articleList.html?view_type=sm">전체기사</a></li> <li> <a href="/news/articleList.html?sc_section_code=S1N1&view_type=sm" target="_top">STAR</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N1&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N1&view_type=sm" target="_top">스타@스타일</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N2&view_type=sm" target="_top">스타@스캔</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N2&view_type=sm" target="_top">FASHION & BEAUTY</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N2&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N3&view_type=sm" target="_top">패션뉴스</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N4&view_type=sm" target="_top">뷰티뉴스</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N5&view_type=sm" target="_top">리얼품평</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N3&view_type=sm" target="_top">ENTERTAINMENT</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N3&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N6&view_type=sm" target="_top">드라마</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N7&view_type=sm" target="_top">영화</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N8&view_type=sm" target="_top">예능</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N9&view_type=sm" target="_top">뮤직</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N10&view_type=sm" target="_top">일반</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N4&view_type=sm" target="_top">LIFE & CULTURE</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N4&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N11&view_type=sm" target="_top">공연/전시</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N12&view_type=sm" target="_top">여행/레져</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N13&view_type=sm" target="_top">여행/맛집</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N14&view_type=sm" target="_top">건강정보</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N15&view_type=sm" target="_top">책</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N16&view_type=sm" target="_top">생활/문화</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N5&view_type=sm" target="_top">MEDIA</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N5&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N17&view_type=sm" target="_top">VIDEO</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N18&view_type=sm" target="_top">PHOTO</a> </li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N19&view_type=sm" target="_top">BEHIND CUT</a> </li> </ul> </li> <li> <a href="/news/articleList.html?sc_section_code=S1N6&view_type=sm" target="_top">COMMUNITY</a> <ul class="menu vertical nested"> <li><a href="/news/articleList.html?sc_section_code=S1N6&view_type=sm" target="_top">전체</a></li> <li> <a href="/news/articleList.html?sc_sub_section_code=S2N20&view_type=sm" target="_top">편집인레터</a> </li> </ul> </li> </ul> </nav> <button class="close-button" aria-label="Close menu" type="button" data-close> <i class="icon-close-thin"><span class="show-for-sr">전체메뉴닫기</span></i> </button> </div> </div> </div> <script> // Popup Json var ___popup = []; bannerpop.popup(); </script> <script type="text/javascript"> // back to the top $(document).scroll(function(){ var sDocumentHeight = $(document).height() - $(window).height(); if($(document).scrollTop() > 0){ $('#back-to-top').fadeIn(); }else{ $('#back-to-top').fadeOut(); } }); $('#back-to-top, a[href="#top"]').click(function(){ $('html, body').animate( {scrollTop:0}, 100); }); </script>  <script src="https://cdn.atstar1.com/adManager/js/lab.js"></script> <script> jQuery(function($) { setTimeout(function() { $LAB .script("//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js") .wait(function () { var adn = jQuery('.adsbygoogle').length; if (adn > 0) { for (var i = 0; i < adn; i++) { (adsbygoogle = window.adsbygoogle || []).push({}); } } }); }, 1000); }); </script>  <script type="text/javascript" src="https://cdn.atstar1.com/library/isND/"></script> <script> $(document).ready(function(){ // 닫기 버튼 자동 노출 $('.ad-template.ad-close .ad-view').each(function(){ $(this).append('<div class="ad-close-btn"><i class="icon-close"></i></div>'); }) // 닫기 버튼 클릭 시 이벤트 $('body').on('click', '.ad-close-btn', function(){ $(this).closest('.ad-view').slideUp(); }) if(____is_nd) { // ND IP만 광고 ID 보이기 $('.ad-template').each(function(){ $(this).append('<div class="ad-code-id">'+$(this).attr('id')+'</div>'); }) // 광고 ID 자동 숨김 설정 시 $('.ad-code-id').hide(); $('.ad-template').mouseenter(function(){ $(this).find('.ad-code-id').show(); }).mouseleave(function(){ $(this).find('.ad-code-id').hide(); }) } }) /* ****************************************** */ /* 날개배너 스크립트 */ /* ****************************************** */ $('#wingBanner .wing-banner-left .wing-banner').each(function(){ if( $(this).data('scroll') == 'y' ) $(this).addClass('scroll-on'); }); $(window).scroll(function() { if( $('#wingBanner .wing-banner').length > 0 ){ // 날개배너가 있으면 작동 var scrollingHeight_L = nonScrollingHeight_L = scrollingHeight_R = nonScrollingHeight_R = 0; $('#wingBanner .wing-banner').each(function(idx){ var $_this = $(this), // 날개배너 scroll = $_this.data('scroll'), // 날개배너 스크롤 여부 topMargin = $_this.data('top-margin'), // 날개배너 상단여백 downMargin = $_this.data('down-margin'), // 날개배너 하단여백 duration = $_this.data('duration'), // 날개배너 스크롤 속도 direction = $_this.data('direction'), // 날개배너 위치 // bannerTop = $_this.offset().top, // 날개배너 상단 위치 (가변) bannderHeight = $_this.outerHeight(); // 날개배너 높이 (고정) var fixWingBannertop = $('#wingBanner').offset().top; // 날개배너 상단 위치 (고정) var articleTitleHeight = $('#sticky-header.scroll').height(); // 날개배너 스크롤 시 상단 타이틀 높이 (기사 본문 시) if(!articleTitleHeight) articleTitleHeight = 0; var $_userFooter = $('#user-footer'), // 사이트 Footer userFooterHeight = $_userFooter.outerHeight(); // 사이트 Footer 높이 (고정) var winScrollTop = $(window).scrollTop(), // 윈도우 스크롤 위치 (가변) winHeight = $(window).height(), // 윈도우 높이 docHeight = $(document).height(); // 페이지 높이 switch (direction) { // 날개 배너 위치 별 case 'left': if(scroll == 'y') scrollingHeight_L += bannderHeight; // 순서대로 노출되는 날개배너 중 스크롤 하는 배너의 높이값 (좌) else nonScrollingHeight_L += bannderHeight; // 순서대로 노출되는 날개배너 중 스크롤 하지 않는 배너의 높이값 (좌) break; case 'right': if(scroll == 'y') scrollingHeight_R += bannderHeight; // 순서대로 노출되는 날개배너 중 스크롤 하는 배너의 높이값 (우) else nonScrollingHeight_R += bannderHeight; // 순서대로 노출되는 날개배너 중 스크롤 하지 않는 배너의 높이값 (우) break; } if(scroll == 'y') { // 스크롤 배너만 움직임 처리 var bannerAllHeight = siteAllHeight = 0; // 좌우측 각각 배너 스크롤 처리를 위해 나눠서 처리 if(direction == 'left'){ // 좌측 날개 var wingBnTop_L = winScrollTop - fixWingBannertop + topMargin - nonScrollingHeight_L; // 날개배너 스크롤 위치 (가변) if( articleTitleHeight ) wingBnTop_L += articleTitleHeight; // 기사본문 시 상단 스크롤 타이틀이 나타나면 스크롤 타이틀 만큼 날개배너 위치 조정 if((fixWingBannertop + nonScrollingHeight_L) < winScrollTop) { bannerAllHeight = articleTitleHeight + scrollingHeight_L + 1; // 상단 타이틀 + 스크롤배너의 총 높이 siteAllHeight = winHeight - userFooterHeight + downMargin; // 윈도우 높이 + 사이트 Footer 높이 if( (winScrollTop >= ((docHeight - userFooterHeight) - winHeight)) && (bannerAllHeight >= siteAllHeight) ) { // 사이트 Footer 넘어가는 경우 처리 wingBnTop_L -= ((userFooterHeight + downMargin) - (winHeight - (scrollingHeight_L + topMargin + articleTitleHeight))); $('#wingBanner .wing-banner-left .wing-banner.scroll-on').animate({top:wingBnTop_L+"px" },{queue: false, duration: duration}); // 마지막 배너 움직임 처리 } } else { wingBnTop_L = 0; // 최상단 처리 } $_this.animate({top:wingBnTop_L+"px" },{queue: false, duration: duration}); } else { // 우측 날개 var wingBnTop_R = winScrollTop - fixWingBannertop + topMargin - nonScrollingHeight_R; // 날개배너 스크롤 위치 (가변) if( articleTitleHeight ) wingBnTop_R += articleTitleHeight; // 기사본문 시 상단 스크롤 타이틀이 나타나면 스크롤 타이틀 만큼 날개배너 위치 조정 if((fixWingBannertop + nonScrollingHeight_R) < winScrollTop) { bannerAllHeight = articleTitleHeight + scrollingHeight_R + 1; // 상단 타이틀 + 스크롤배너의 총 높이 siteAllHeight = winHeight - userFooterHeight + downMargin; // 윈도우 높이 + 사이트 Footer 높이 if( (winScrollTop >= ((docHeight - userFooterHeight) - winHeight)) && (bannerAllHeight >= siteAllHeight) ) { // 사이트 Footer 넘어가는 경우 처리 wingBnTop_R -= ((userFooterHeight + downMargin) - (winHeight - (scrollingHeight_R + topMargin + articleTitleHeight))); $('#wingBanner .wing-banner-right .wing-banner.scroll-on').animate({top:wingBnTop_R+"px" },{queue: false, duration: duration}); // 마지막 배너 움직임 처리 } } else { wingBnTop_R = 0; // 최상단 처리 } $_this.animate({top:wingBnTop_R+"px" },{queue: false, duration: duration}); } } }); } }); </script> </body> </html>