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="[뷰티뉴스] 달바, 2년 연속 '올리브영 어워즈' 수상 기념 한정 기획세트 선보인다"/> <meta name="description" content="달바가 ‘비건 톤업 선크림’ 올리브영 어워즈 2년 연속 수상을 기념해 한정 기획 세트를 출시한다.달바 ‘비건 톤업 선크림’은 SPF50+ / PA++++ 의 강력한 자외선 차단 기능은 물론 톤업 특유의 뻑뻑함을 줄이고 촉촉함은 높인 제품. 자연스러운 톤업 효과로 큰 인기를 끌며 지난해에 이어 올해까지 올리브영 어워즈 연속 수상하는 쾌거를 이뤘다.이에 힘입어 24년도 톤업 선크림 매출만 무려 100억 달성을 앞두며 ‘톤업 강자’의 저력을 보여주고 있다.이를 기념해 풍성한 구성으로 선보이는 올리브영 한정 기획세트 '비건 톤업 선크림 5"/> <meta name="Classification" content="FASHION & BEAUTY > 뷰티뉴스"/> <meta name="Copyright" content="앳스타일"/> <meta property="og:site_name" content="앳스타일"/> <meta property="og:image" content="https://cdn.atstar1.com/news/thumbnail/202411/6019086_82510_948_v150.jpg" /> <meta property="og:type" content="article" /> <meta property="og:url" content="http://www.atstar1.com/news/articleView.html?idxno=6019086" /> <meta property="og:title" content="[뷰티뉴스] 달바, 2년 연속 '올리브영 어워즈' 수상 기념 한정 기획세트 선보인다" /> <meta property="og:description" content="달바가 ‘비건 톤업 선크림’ 올리브영 어워즈 2년 연속 수상을 기념해 한정 기획 세트를 출시한다.달바 ‘비건 톤업 선크림’은 SPF50+ / PA++++ 의 강력한 자외선 차단 기능은 물론 톤업 특유의 뻑뻑함을 줄이고 촉촉함은 높인 제품. 자연스러운 톤업 효과로 큰 인기를 끌며 지난해에 이어 올해까지 올리브영 어워즈 연속 수상하는 쾌거를 이뤘다.이에 힘입어 24년도 톤업 선크림 매출만 무려 100억 달성을 앞두며 ‘톤업 강자’의 저력을 보여주고 있다.이를 기념해 풍성한 구성으로 선보이는 올리브영 한정 기획세트 '비건 톤업 선크림 5" /> <meta property="og:article:author" content="황연도 기자"/> <meta name="twitter:card" content="summary"/> <meta name="twitter:title" content="[뷰티뉴스] 달바, 2년 연속 '올리브영 어워즈' 수상 기념 한정 기획세트 선보인다"/> <meta name="twitter:description" content="달바가 ‘비건 톤업 선크림’ 올리브영 어워즈 2년 연속 수상을 기념해 한정 기획 세트를 출시한다.달바 ‘비건 톤업 선크림’은 SPF50+ / PA++++ 의 강력한 자외선 차단 기능은 물론 톤업 특유의 뻑뻑함을 줄이고 촉촉함은 높인 제품. 자연스러운 톤업 효과로 큰 인기를 끌며 지난해에 이어 올해까지 올리브영 어워즈 연속 수상하는 쾌거를 이뤘다.이에 힘입어 24년도 톤업 선크림 매출만 무려 100억 달성을 앞두며 ‘톤업 강자’의 저력을 보여주고 있다.이를 기념해 풍성한 구성으로 선보이는 올리브영 한정 기획세트 '비건 톤업 선크림 5"/> <meta name="twitter:image" content="https://cdn.atstar1.com/news/thumbnail/202411/6019086_82510_948_v150.jpg"/> <meta name="twitter:site" content="http://www.atstar1.com/news/articleView.html?idxno=6019086"/> <meta name="twitter:creator" content="황연도 기자"/> <meta property="dable:item_id" content="6019086"> <meta property="dable:author" content="황연도 기자"> <meta property="article:section" content="FASHION & BEAUTY"> <meta property="article:section1" content="뷰티뉴스"> <meta property="article:published_time" content="2024-11-29T12:10:24+09:00">  <link rel="shortcut icon" href="https://cdn.atstar1.com/image/logo/favicon.ico"> <title>[뷰티뉴스] 달바, 2년 연속 '올리브영 어워즈' 수상 기념 한정 기획세트 선보인다 < 뷰티뉴스 < FASHION & BEAUTY < 기사본문 - 앳스타일</title> <link rel="canonical" id="canonical" href="http://www.atstar1.com/news/articleView.html?idxno=6019086" /> <link rel="amphtml" href="http://www.atstar1.com/news/articleViewAmp.html?idxno=6019086">  <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 = 1740915275; // 즐겨찾기 스크립트 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="S1N2" data-sub-code="S2N4" data-serial-code="/news/articleView.html" data-multi-code="">  <div id="user-gnb"> <div class="mode-inner">  <div class="updated">편집 : 2025-03-01 11:16 (토) </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 = '6019086'; $(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">[뷰티뉴스] 달바, 2년 연속 '올리브영 어워즈' 수상 기념 한정 기획세트 선보인다</h3> <ul class="aht-toolkit"> <li class="hide-mb"><button type="button" class="tool" onclick="articlePrint('6019086')" 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="6019086" 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=6019086" 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">[뷰티뉴스] 달바, 2년 연속 '올리브영 어워즈' 수상 기념 한정 기획세트 선보인다</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.29 12:10</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="%5B%EB%B7%B0%ED%8B%B0%EB%89%B4%EC%8A%A4%5D%20%EB%8B%AC%EB%B0%94%2C%202%EB%85%84%20%EC%97%B0%EC%86%8D%20%27%EC%98%AC%EB%A6%AC%EB%B8%8C%EC%98%81%20%EC%96%B4%EC%9B%8C%EC%A6%88%27%20%EC%88%98%EC%83%81%20%EA%B8%B0%EB%85%90%20%ED%95%9C%EC%A0%95%20%EA%B8%B0%ED%9A%8D%EC%84%B8%ED%8A%B8%20%EC%84%A0%EB%B3%B4%EC%9D%B8%EB%8B%A4" data-url="http%3A%2F%2Fwww.atstar1.com%2Fnews%2FarticleView.html%3Fidxno%3D6019086" data-desc="%EB%8B%AC%EB%B0%94%EA%B0%80%20%E2%80%98%EB%B9%84%EA%B1%B4%20%ED%86%A4%EC%97%85%20%EC%84%A0%ED%81%AC%EB%A6%BC%E2%80%99%20%EC%98%AC%EB%A6%AC%EB%B8%8C%EC%98%81%20%EC%96%B4%EC%9B%8C%EC%A6%88%202%EB%85%84%20%EC%97%B0%EC%86%8D%20%EC%88%98%EC%83%81%EC%9D%84%20%EA%B8%B0%EB%85%90%ED%95%B4%20%ED%95%9C%EC%A0%95%20%EA%B8%B0%ED%9A%8D%20%EC%84%B8%ED%8A%B8%EB%A5%BC%20%EC%B6%9C%EC%8B%9C%ED%95%9C%EB%8B%A4.%EB%8B%AC%EB%B0%94%20%E2%80%98%EB%B9%84%EA%B1%B4%20%ED%86%A4%EC%97%85%20%EC%84%A0%ED%81%AC%EB%A6%BC%E2%80%99%EC%9D%80%20SPF50%2B%20%2F%20PA%2B%2B%2B%2B%20%EC%9D%98%20%EA%B0%95%EB%A0%A5%ED%95%9C%20%EC%9E%90%EC%99%B8%EC%84%A0%20%EC%B0%A8%EB%8B%A8%20%EA%B8%B0%EB%8A%A5%EC%9D%80%20%EB%AC%BC%EB%A1%A0%20%ED%86%A4%EC%97%85%20%ED%8A%B9%EC%9C%A0%EC%9D%98%20%EB%BB%91%EB%BB%91%ED%95%A8%EC%9D%84%20%EC%A4%84%EC%9D%B4%EA%B3%A0%20%EC%B4%89%EC%B4%89%ED%95%A8%EC%9D%80%20%EB%86%92%EC%9D%B8%20%EC%A0%9C%ED%92%88.%20%EC%9E%90%EC%97%B0%EC%8A%A4%EB%9F%AC%EC%9A%B4%20%ED%86%A4%EC%97%85%20%ED%9A%A8%EA%B3%BC%EB%A1%9C%20%ED%81%B0%20%EC%9D%B8%EA%B8%B0%EB%A5%BC%20%EB%81%8C%EB%A9%B0%20%EC%A7%80%EB%82%9C%ED%95%B4%EC%97%90%20%EC%9D%B4%EC%96%B4%20%EC%98%AC%ED%95%B4%EA%B9%8C%EC%A7%80%20%EC%98%AC%EB%A6%AC%EB%B8%8C%EC%98%81%20%EC%96%B4%EC%9B%8C%EC%A6%88%20%EC%97%B0%EC%86%8D%20%EC%88%98%EC%83%81%ED%95%98%EB%8A%94%20%EC%BE%8C%EA%B1%B0%EB%A5%BC%20%EC%9D%B4%EB%A4%98%EB%8B%A4.%EC%9D%B4%EC%97%90%20%ED%9E%98%EC%9E%85%EC%96%B4%2024%EB%85%84%EB%8F%84%20%ED%86%A4%EC%97%85%20%EC%84%A0%ED%81%AC%EB%A6%BC%20%EB%A7%A4%EC%B6%9C%EB%A7%8C%20%EB%AC%B4%EB%A0%A4%20100%EC%96%B5%20%EB%8B%AC%EC%84%B1%EC%9D%84%20%EC%95%9E%EB%91%90%EB%A9%B0%20%E2%80%98%ED%86%A4%EC%97%85%20%EA%B0%95%EC%9E%90%E2%80%99%EC%9D%98%20%EC%A0%80%EB%A0%A5%EC%9D%84%20%EB%B3%B4%EC%97%AC%EC%A3%BC%EA%B3%A0%20%EC%9E%88%EB%8B%A4.%EC%9D%B4%EB%A5%BC%20%EA%B8%B0%EB%85%90%ED%95%B4%20%ED%92%8D%EC%84%B1%ED%95%9C%20%EA%B5%AC%EC%84%B1%EC%9C%BC%EB%A1%9C%20%EC%84%A0%EB%B3%B4%EC%9D%B4%EB%8A%94%20%EC%98%AC%EB%A6%AC%EB%B8%8C%EC%98%81%20%ED%95%9C%EC%A0%95%20%EA%B8%B0%ED%9A%8D%EC%84%B8%ED%8A%B8%20%5C%27%EB%B9%84%EA%B1%B4%20%ED%86%A4%EC%97%85%20%EC%84%A0%ED%81%AC%EB%A6%BC%205" data-image="http://www.atstar1.com/news/photo/202411/6019086_82510_948.jpg" title="페이스북" data-clipboard-text="http://www.atstar1.com/news/articleView.html?idxno=6019086"> <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="%5B%EB%B7%B0%ED%8B%B0%EB%89%B4%EC%8A%A4%5D%20%EB%8B%AC%EB%B0%94%2C%202%EB%85%84%20%EC%97%B0%EC%86%8D%20%27%EC%98%AC%EB%A6%AC%EB%B8%8C%EC%98%81%20%EC%96%B4%EC%9B%8C%EC%A6%88%27%20%EC%88%98%EC%83%81%20%EA%B8%B0%EB%85%90%20%ED%95%9C%EC%A0%95%20%EA%B8%B0%ED%9A%8D%EC%84%B8%ED%8A%B8%20%EC%84%A0%EB%B3%B4%EC%9D%B8%EB%8B%A4" data-url="http%3A%2F%2Fwww.atstar1.com%2Fnews%2FarticleView.html%3Fidxno%3D6019086" data-desc="%EB%8B%AC%EB%B0%94%EA%B0%80%20%E2%80%98%EB%B9%84%EA%B1%B4%20%ED%86%A4%EC%97%85%20%EC%84%A0%ED%81%AC%EB%A6%BC%E2%80%99%20%EC%98%AC%EB%A6%AC%EB%B8%8C%EC%98%81%20%EC%96%B4%EC%9B%8C%EC%A6%88%202%EB%85%84%20%EC%97%B0%EC%86%8D%20%EC%88%98%EC%83%81%EC%9D%84%20%EA%B8%B0%EB%85%90%ED%95%B4%20%ED%95%9C%EC%A0%95%20%EA%B8%B0%ED%9A%8D%20%EC%84%B8%ED%8A%B8%EB%A5%BC%20%EC%B6%9C%EC%8B%9C%ED%95%9C%EB%8B%A4.%EB%8B%AC%EB%B0%94%20%E2%80%98%EB%B9%84%EA%B1%B4%20%ED%86%A4%EC%97%85%20%EC%84%A0%ED%81%AC%EB%A6%BC%E2%80%99%EC%9D%80%20SPF50%2B%20%2F%20PA%2B%2B%2B%2B%20%EC%9D%98%20%EA%B0%95%EB%A0%A5%ED%95%9C%20%EC%9E%90%EC%99%B8%EC%84%A0%20%EC%B0%A8%EB%8B%A8%20%EA%B8%B0%EB%8A%A5%EC%9D%80%20%EB%AC%BC%EB%A1%A0%20%ED%86%A4%EC%97%85%20%ED%8A%B9%EC%9C%A0%EC%9D%98%20%EB%BB%91%EB%BB%91%ED%95%A8%EC%9D%84%20%EC%A4%84%EC%9D%B4%EA%B3%A0%20%EC%B4%89%EC%B4%89%ED%95%A8%EC%9D%80%20%EB%86%92%EC%9D%B8%20%EC%A0%9C%ED%92%88.%20%EC%9E%90%EC%97%B0%EC%8A%A4%EB%9F%AC%EC%9A%B4%20%ED%86%A4%EC%97%85%20%ED%9A%A8%EA%B3%BC%EB%A1%9C%20%ED%81%B0%20%EC%9D%B8%EA%B8%B0%EB%A5%BC%20%EB%81%8C%EB%A9%B0%20%EC%A7%80%EB%82%9C%ED%95%B4%EC%97%90%20%EC%9D%B4%EC%96%B4%20%EC%98%AC%ED%95%B4%EA%B9%8C%EC%A7%80%20%EC%98%AC%EB%A6%AC%EB%B8%8C%EC%98%81%20%EC%96%B4%EC%9B%8C%EC%A6%88%20%EC%97%B0%EC%86%8D%20%EC%88%98%EC%83%81%ED%95%98%EB%8A%94%20%EC%BE%8C%EA%B1%B0%EB%A5%BC%20%EC%9D%B4%EB%A4%98%EB%8B%A4.%EC%9D%B4%EC%97%90%20%ED%9E%98%EC%9E%85%EC%96%B4%2024%EB%85%84%EB%8F%84%20%ED%86%A4%EC%97%85%20%EC%84%A0%ED%81%AC%EB%A6%BC%20%EB%A7%A4%EC%B6%9C%EB%A7%8C%20%EB%AC%B4%EB%A0%A4%20100%EC%96%B5%20%EB%8B%AC%EC%84%B1%EC%9D%84%20%EC%95%9E%EB%91%90%EB%A9%B0%20%E2%80%98%ED%86%A4%EC%97%85%20%EA%B0%95%EC%9E%90%E2%80%99%EC%9D%98%20%EC%A0%80%EB%A0%A5%EC%9D%84%20%EB%B3%B4%EC%97%AC%EC%A3%BC%EA%B3%A0%20%EC%9E%88%EB%8B%A4.%EC%9D%B4%EB%A5%BC%20%EA%B8%B0%EB%85%90%ED%95%B4%20%ED%92%8D%EC%84%B1%ED%95%9C%20%EA%B5%AC%EC%84%B1%EC%9C%BC%EB%A1%9C%20%EC%84%A0%EB%B3%B4%EC%9D%B4%EB%8A%94%20%EC%98%AC%EB%A6%AC%EB%B8%8C%EC%98%81%20%ED%95%9C%EC%A0%95%20%EA%B8%B0%ED%9A%8D%EC%84%B8%ED%8A%B8%20%5C%27%EB%B9%84%EA%B1%B4%20%ED%86%A4%EC%97%85%20%EC%84%A0%ED%81%AC%EB%A6%BC%205" data-image="http://www.atstar1.com/news/photo/202411/6019086_82510_948.jpg" title="트위터" data-clipboard-text="http://www.atstar1.com/news/articleView.html?idxno=6019086"> <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="%5B%EB%B7%B0%ED%8B%B0%EB%89%B4%EC%8A%A4%5D%20%EB%8B%AC%EB%B0%94%2C%202%EB%85%84%20%EC%97%B0%EC%86%8D%20%27%EC%98%AC%EB%A6%AC%EB%B8%8C%EC%98%81%20%EC%96%B4%EC%9B%8C%EC%A6%88%27%20%EC%88%98%EC%83%81%20%EA%B8%B0%EB%85%90%20%ED%95%9C%EC%A0%95%20%EA%B8%B0%ED%9A%8D%EC%84%B8%ED%8A%B8%20%EC%84%A0%EB%B3%B4%EC%9D%B8%EB%8B%A4" data-url="http%3A%2F%2Fwww.atstar1.com%2Fnews%2FarticleView.html%3Fidxno%3D6019086" data-desc="%EB%8B%AC%EB%B0%94%EA%B0%80%20%E2%80%98%EB%B9%84%EA%B1%B4%20%ED%86%A4%EC%97%85%20%EC%84%A0%ED%81%AC%EB%A6%BC%E2%80%99%20%EC%98%AC%EB%A6%AC%EB%B8%8C%EC%98%81%20%EC%96%B4%EC%9B%8C%EC%A6%88%202%EB%85%84%20%EC%97%B0%EC%86%8D%20%EC%88%98%EC%83%81%EC%9D%84%20%EA%B8%B0%EB%85%90%ED%95%B4%20%ED%95%9C%EC%A0%95%20%EA%B8%B0%ED%9A%8D%20%EC%84%B8%ED%8A%B8%EB%A5%BC%20%EC%B6%9C%EC%8B%9C%ED%95%9C%EB%8B%A4.%EB%8B%AC%EB%B0%94%20%E2%80%98%EB%B9%84%EA%B1%B4%20%ED%86%A4%EC%97%85%20%EC%84%A0%ED%81%AC%EB%A6%BC%E2%80%99%EC%9D%80%20SPF50%2B%20%2F%20PA%2B%2B%2B%2B%20%EC%9D%98%20%EA%B0%95%EB%A0%A5%ED%95%9C%20%EC%9E%90%EC%99%B8%EC%84%A0%20%EC%B0%A8%EB%8B%A8%20%EA%B8%B0%EB%8A%A5%EC%9D%80%20%EB%AC%BC%EB%A1%A0%20%ED%86%A4%EC%97%85%20%ED%8A%B9%EC%9C%A0%EC%9D%98%20%EB%BB%91%EB%BB%91%ED%95%A8%EC%9D%84%20%EC%A4%84%EC%9D%B4%EA%B3%A0%20%EC%B4%89%EC%B4%89%ED%95%A8%EC%9D%80%20%EB%86%92%EC%9D%B8%20%EC%A0%9C%ED%92%88.%20%EC%9E%90%EC%97%B0%EC%8A%A4%EB%9F%AC%EC%9A%B4%20%ED%86%A4%EC%97%85%20%ED%9A%A8%EA%B3%BC%EB%A1%9C%20%ED%81%B0%20%EC%9D%B8%EA%B8%B0%EB%A5%BC%20%EB%81%8C%EB%A9%B0%20%EC%A7%80%EB%82%9C%ED%95%B4%EC%97%90%20%EC%9D%B4%EC%96%B4%20%EC%98%AC%ED%95%B4%EA%B9%8C%EC%A7%80%20%EC%98%AC%EB%A6%AC%EB%B8%8C%EC%98%81%20%EC%96%B4%EC%9B%8C%EC%A6%88%20%EC%97%B0%EC%86%8D%20%EC%88%98%EC%83%81%ED%95%98%EB%8A%94%20%EC%BE%8C%EA%B1%B0%EB%A5%BC%20%EC%9D%B4%EB%A4%98%EB%8B%A4.%EC%9D%B4%EC%97%90%20%ED%9E%98%EC%9E%85%EC%96%B4%2024%EB%85%84%EB%8F%84%20%ED%86%A4%EC%97%85%20%EC%84%A0%ED%81%AC%EB%A6%BC%20%EB%A7%A4%EC%B6%9C%EB%A7%8C%20%EB%AC%B4%EB%A0%A4%20100%EC%96%B5%20%EB%8B%AC%EC%84%B1%EC%9D%84%20%EC%95%9E%EB%91%90%EB%A9%B0%20%E2%80%98%ED%86%A4%EC%97%85%20%EA%B0%95%EC%9E%90%E2%80%99%EC%9D%98%20%EC%A0%80%EB%A0%A5%EC%9D%84%20%EB%B3%B4%EC%97%AC%EC%A3%BC%EA%B3%A0%20%EC%9E%88%EB%8B%A4.%EC%9D%B4%EB%A5%BC%20%EA%B8%B0%EB%85%90%ED%95%B4%20%ED%92%8D%EC%84%B1%ED%95%9C%20%EA%B5%AC%EC%84%B1%EC%9C%BC%EB%A1%9C%20%EC%84%A0%EB%B3%B4%EC%9D%B4%EB%8A%94%20%EC%98%AC%EB%A6%AC%EB%B8%8C%EC%98%81%20%ED%95%9C%EC%A0%95%20%EA%B8%B0%ED%9A%8D%EC%84%B8%ED%8A%B8%20%5C%27%EB%B9%84%EA%B1%B4%20%ED%86%A4%EC%97%85%20%EC%84%A0%ED%81%AC%EB%A6%BC%205" data-image="http://www.atstar1.com/news/photo/202411/6019086_82510_948.jpg" title="URL복사" data-clipboard-text="http://www.atstar1.com/news/articleView.html?idxno=6019086"> <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_82510 float-center" data-idxno="82510" data-type="photo" style="display:inline-block; max-width:600px"><img alt="" src="https://cdn.atstar1.com/news/photo/202411/6019086_82510_948.jpg" /> <figcaption></figcaption> </figure> </div> <p>달바가 ‘비건 톤업 선크림’ 올리브영 어워즈 2년 연속 수상을 기념해 한정 기획 세트를 출시한다.</p> <p>달바 ‘비건 톤업 선크림’은 SPF50+ / PA++++ 의 강력한 자외선 차단 기능은 물론 톤업 특유의 뻑뻑함을 줄이고 촉촉함은 높인 제품. 자연스러운 톤업 효과로 큰 인기를 끌며 지난해에 이어 올해까지 올리브영 어워즈 연속 수상하는 쾌거를 이뤘다.</p> <p>이에 힘입어 24년도 톤업 선크림 매출만 무려 100억 달성을 앞두며 ‘톤업 강자’의 저력을 보여주고 있다.</p> <p>이를 기념해 풍성한 구성으로 선보이는 올리브영 한정 기획세트 '비건 톤업 선크림 50ml+50ml+추가20ml 증정’ 구성은 12월 1일부터 12월 7일까지 진행되는 올영 세일 기간 동안 만나볼 수 있다.</p> <p>(사진=달바)</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:photoshoot@atstar1.com" class="email">photoshoot@atstar1.com</a> </div> </div> <div class="item text-right"> <a href="/news/articleList.html?sc_area=I&sc_word=photoshoot&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="6019086" /> <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=6019086#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="6019086" /> <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="6019086" /> <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 = '6019086'; // 댓글 부모 게시물 번호 $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=6021019" 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=6020960" target="_top"> <strong class="number size-18 line-2x1 auto-fontA">2</strong> <span class="auto-titles size-15 line-4x2 auto-fontA onload">‘티르티르 전 대표’ 이유빈, 이혼 후 얼굴 성형 공개 “200만 원 들여, 만족도 커”</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6021111" target="_top"> <strong class="number size-18 line-2x1 auto-fontA">3</strong> <span class="auto-titles size-15 line-4x2 auto-fontA onload">‘이혼숙려캠프’ 8기 걱정부부, 또 불화생겼나 “아내의 건강 문제”</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6020958" 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=6021092" target="_top"> <strong class="number size-18 line-2x1 auto-fontA">5</strong> <span class="auto-titles size-15 line-4x2 auto-fontA onload">‘베이글 CEO’ 료, 알고 보니 50세 넘었다…“밥 대신 빵” 최강 동안 비결되나</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=6021354" target="_top" class="auto-valign"> <span class="content for-middle"> <em class="auto-titles size-16 line-4x2 auto-fontA onload">이종현 “롤모델=김수현, 데뷔작부터 주연→팔로워 2배 늘어” [스타@스타일]</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/20250301/6021354_86623_230_1740733351_100.jpg)"></em> </span></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6021353" 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/20250301/6021353_86615_5632_1740732992_100.jpg)"></em> </span></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6021041" target="_top" class="auto-valign"> <span class="content for-middle"> <em class="auto-titles size-16 line-4x2 auto-fontA onload">스트레이 키즈, 또 신기록 쓸까? 글로벌 차트 싹쓸이 -ing [스타@스타일]</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/20250301/6021041_86088_4432_1739951072_100.jpg)"></em> </span></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6020961" target="_top" class="auto-valign"> <span class="content for-middle"> <em class="auto-titles size-16 line-4x2 auto-fontA onload">‘더 리크루트2’ 국정원도 실패한 BTS 전역 콘서트 피켓팅 [스타@스캔]</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/20250301/6020961_85956_2735_1739780855_100.jpg)"></em> </span></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6020877" 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/20250301/6020877_85803_69_1739433969_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=6021344" 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/202502/6021344_86597_4355_v150.jpg)"></em> </span><span class="content for-middle"> <strong class="auto-titles size-25 weight-700 line-4x2 auto-fontA onload">[뷰티뉴스] 토코보, 3월 ‘올영세일’ 최대 36% 할인</strong> <em class="auto-sums martop-8 size-14 line-7x2 auto-fontK">토코보가 3월 1일부터 7일까지 3월 ‘올영세일’에 참여한다. 토코보는 이번 ‘올영세일’에서는 가벼운 수분 베이스의 바이오 워터리 선크림, 보송한 마무리감으로 유분기를 잡아주는 코...</em> </span> </a> </div> <div class="item small"> <a href="/news/articleView.html?idxno=6021317" target="_top" class="auto-valign"> <span class="auto-titles for-middle size-18 line-4x1 auto-fontA onload">아이브 레이, K-뷰티 브랜드 새 얼굴 됐다</span> <span class="byline for-middle"> <em>뷰티뉴스</em> <em>황연도 기자</em> </span> </a> </div> <div class="item small"> <a href="/news/articleView.html?idxno=6021315" target="_top" class="auto-valign"> <span class="auto-titles for-middle size-18 line-4x1 auto-fontA onload">[패션뉴스] 예일, 네오 프레피룩 25SS 신상 공개</span> <span class="byline for-middle"> <em>패션뉴스</em> <em>황연도 기자</em> </span> </a> </div> <div class="item small"> <a href="/news/articleView.html?idxno=6021296" 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=6021262" 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> </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=6021365" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202503/6021365_86650_164.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">‘나솔’ 22기 돌돌싱 정숙, 세 번째 결혼 준비…♥ 10기 상철과 미니 상견례</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6021364" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202503/6021364_86648_637.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">‘나솔’ 22기 영수-영숙, 커플 안 되길 천만다행…연애는 무슨 극대노</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6021363" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202503/6021363_86646_4738.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=6021362" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202503/6021362_86644_4054.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">15살 연하남에 푹 빠져 대출받아 돈 보내는 어머니…현실은 로맨스스캠</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6021361" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202503/6021361_86641_5342.jpeg)"></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=6021360" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202503/6021360_86640_2443.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">40세 신정윤, 벌써 갱년기 판정…반전은 “성욕은 어마어마”</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6021359" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202503/6021359_86638_1724.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">결혼 4년 차 존박 “원래 결혼 생각 없었다”</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6021358" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202503/6021358_86636_109.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">‘7월 결혼’ 김준호♥김지민, 신혼여행 기준 “반려견 함께 갈 곳으로”</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6021357" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202503/6021357_86634_035.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">48세 전현무, 아직 결혼 못 한 속사정 “미팅 나갔는데 0표”</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6021356" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202503/6021356_86632_4953.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">강남♥이상화, 결혼 6년 차에 2세 없는 이유 “육아하면 아내 인생 즐거움 없어”</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6021355" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202503/6021355_86630_3319.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=6021351" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202502/6021351_86609_5947.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">이상준, ‘노처녀’ 한윤서에 팩폭 “성공한 남자, ‘40세 여자’ 안 만나”</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/202503/6021365_86650_164_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/202503/6021364_86648_637_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/202503/6021363_86646_4738_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/202503/6021362_86644_4054_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/202503/6021361_86641_5342_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/202503/6021360_86640_2443_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/202503/6021359_86638_1724_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/202503/6021358_86636_109_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/202503/6021357_86634_035_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/202503/6021356_86632_4953_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/202503/6021355_86630_3319_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/202502/6021351_86609_5947_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 © 2025 앳스타일. <a href="http://www.atstar1.com/news/articleView.html?idxno=6019086" 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>