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="김승현, ‘엄마 없이 키운’ 딸에 진한 부성애 “둘째 보면 첫째 생각나”"/> <meta name="description" content="[앳스타일 김예나 기자] 두 딸의 아빠가 된 김승현이 엄마 없이 키운 첫째에 대한 부성애를 드러냈다.김승현 장정윤 부부는 지난 1일 가족 채널에 처가 식구들과 함께한 영상을 업로드했다.김승현은 아내 장정윤에게 “아이가 생기고 달라진 점이 뭐냐”고 물었다.장정윤은 “아이가 생기고 달라진 점은 늘 귀여운 게 내 옆에 있다는 거다”면서 “나는 리윤이를 낳고 얘를 보면 되게 다양한 표정이 있다. 이게 또 어른들한테도 있는 표정이다”고 말했다.이어 “나는 얘를 낳고서 ‘세상 사람들이 다 예쁘다’ 이런 생각이 들었다. 세상을 보는 눈이 되게"/> <meta name="Classification" content="ENTERTAINMENT > 일반"/> <meta name="Copyright" content="앳스타일"/> <meta property="og:site_name" content="앳스타일"/> <meta property="og:image" content="https://cdn.atstar1.com/news/thumbnail/202412/6019149_82632_5635_v150.jpg" /> <meta property="og:type" content="article" /> <meta property="og:url" content="http://www.atstar1.com/news/articleView.html?idxno=6019149" /> <meta property="og:title" content="김승현, ‘엄마 없이 키운’ 딸에 진한 부성애 “둘째 보면 첫째 생각나”" /> <meta property="og:description" content="[앳스타일 김예나 기자] 두 딸의 아빠가 된 김승현이 엄마 없이 키운 첫째에 대한 부성애를 드러냈다.김승현 장정윤 부부는 지난 1일 가족 채널에 처가 식구들과 함께한 영상을 업로드했다.김승현은 아내 장정윤에게 “아이가 생기고 달라진 점이 뭐냐”고 물었다.장정윤은 “아이가 생기고 달라진 점은 늘 귀여운 게 내 옆에 있다는 거다”면서 “나는 리윤이를 낳고 얘를 보면 되게 다양한 표정이 있다. 이게 또 어른들한테도 있는 표정이다”고 말했다.이어 “나는 얘를 낳고서 ‘세상 사람들이 다 예쁘다’ 이런 생각이 들었다. 세상을 보는 눈이 되게" /> <meta property="og:article:author" content="김예나 기자"/> <meta name="twitter:card" content="summary"/> <meta name="twitter:title" content="김승현, ‘엄마 없이 키운’ 딸에 진한 부성애 “둘째 보면 첫째 생각나”"/> <meta name="twitter:description" content="[앳스타일 김예나 기자] 두 딸의 아빠가 된 김승현이 엄마 없이 키운 첫째에 대한 부성애를 드러냈다.김승현 장정윤 부부는 지난 1일 가족 채널에 처가 식구들과 함께한 영상을 업로드했다.김승현은 아내 장정윤에게 “아이가 생기고 달라진 점이 뭐냐”고 물었다.장정윤은 “아이가 생기고 달라진 점은 늘 귀여운 게 내 옆에 있다는 거다”면서 “나는 리윤이를 낳고 얘를 보면 되게 다양한 표정이 있다. 이게 또 어른들한테도 있는 표정이다”고 말했다.이어 “나는 얘를 낳고서 ‘세상 사람들이 다 예쁘다’ 이런 생각이 들었다. 세상을 보는 눈이 되게"/> <meta name="twitter:image" content="https://cdn.atstar1.com/news/thumbnail/202412/6019149_82632_5635_v150.jpg"/> <meta name="twitter:site" content="http://www.atstar1.com/news/articleView.html?idxno=6019149"/> <meta name="twitter:creator" content="김예나 기자"/> <meta property="dable:item_id" content="6019149"> <meta property="dable:author" content="김예나 기자"> <meta property="article:section" content="ENTERTAINMENT"> <meta property="article:section1" content="일반"> <meta property="article:published_time" content="2024-12-02T18:00:00+09:00">  <link rel="shortcut icon" href="https://cdn.atstar1.com/image/logo/favicon.ico"> <title>김승현, ‘엄마 없이 키운’ 딸에 진한 부성애 “둘째 보면 첫째 생각나” < 일반 < ENTERTAINMENT < 기사본문 - 앳스타일</title> <link rel="canonical" id="canonical" href="http://www.atstar1.com/news/articleView.html?idxno=6019149" /> <link rel="amphtml" href="http://www.atstar1.com/news/articleViewAmp.html?idxno=6019149">  <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 = 1733275445; // 즐겨찾기 스크립트 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="S1N3" data-sub-code="S2N10" data-serial-code="/news/articleView.html" data-multi-code="">  <div id="user-gnb"> <div class="mode-inner">  <div class="updated">편집 : 2024-12-04 08:59 (수) </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 = '6019149'; $(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">김승현, ‘엄마 없이 키운’ 딸에 진한 부성애 “둘째 보면 첫째 생각나”</h3> <ul class="aht-toolkit"> <li class="hide-mb"><button type="button" class="tool" onclick="articlePrint('6019149')" 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="6019149" 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=6019149" 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">김승현, ‘엄마 없이 키운’ 딸에 진한 부성애 “둘째 보면 첫째 생각나”</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.12.02 18:00</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="%EA%B9%80%EC%8A%B9%ED%98%84%2C%20%E2%80%98%EC%97%84%EB%A7%88%20%EC%97%86%EC%9D%B4%20%ED%82%A4%EC%9A%B4%E2%80%99%20%EB%94%B8%EC%97%90%20%EC%A7%84%ED%95%9C%20%EB%B6%80%EC%84%B1%EC%95%A0%20%E2%80%9C%EB%91%98%EC%A7%B8%20%EB%B3%B4%EB%A9%B4%20%EC%B2%AB%EC%A7%B8%20%EC%83%9D%EA%B0%81%EB%82%98%E2%80%9D" data-url="http%3A%2F%2Fwww.atstar1.com%2Fnews%2FarticleView.html%3Fidxno%3D6019149" data-desc="%5B%EC%95%B3%EC%8A%A4%ED%83%80%EC%9D%BC%20%EA%B9%80%EC%98%88%EB%82%98%20%EA%B8%B0%EC%9E%90%5D%20%EB%91%90%20%EB%94%B8%EC%9D%98%20%EC%95%84%EB%B9%A0%EA%B0%80%20%EB%90%9C%20%EA%B9%80%EC%8A%B9%ED%98%84%EC%9D%B4%20%EC%97%84%EB%A7%88%20%EC%97%86%EC%9D%B4%20%ED%82%A4%EC%9A%B4%20%EC%B2%AB%EC%A7%B8%EC%97%90%20%EB%8C%80%ED%95%9C%20%EB%B6%80%EC%84%B1%EC%95%A0%EB%A5%BC%20%EB%93%9C%EB%9F%AC%EB%83%88%EB%8B%A4.%EA%B9%80%EC%8A%B9%ED%98%84%20%EC%9E%A5%EC%A0%95%EC%9C%A4%20%EB%B6%80%EB%B6%80%EB%8A%94%20%EC%A7%80%EB%82%9C%201%EC%9D%BC%20%EA%B0%80%EC%A1%B1%20%EC%B1%84%EB%84%90%EC%97%90%20%EC%B2%98%EA%B0%80%20%EC%8B%9D%EA%B5%AC%EB%93%A4%EA%B3%BC%20%ED%95%A8%EA%BB%98%ED%95%9C%20%EC%98%81%EC%83%81%EC%9D%84%20%EC%97%85%EB%A1%9C%EB%93%9C%ED%96%88%EB%8B%A4.%EA%B9%80%EC%8A%B9%ED%98%84%EC%9D%80%20%EC%95%84%EB%82%B4%20%EC%9E%A5%EC%A0%95%EC%9C%A4%EC%97%90%EA%B2%8C%20%E2%80%9C%EC%95%84%EC%9D%B4%EA%B0%80%20%EC%83%9D%EA%B8%B0%EA%B3%A0%20%EB%8B%AC%EB%9D%BC%EC%A7%84%20%EC%A0%90%EC%9D%B4%20%EB%AD%90%EB%83%90%E2%80%9D%EA%B3%A0%20%EB%AC%BC%EC%97%88%EB%8B%A4.%EC%9E%A5%EC%A0%95%EC%9C%A4%EC%9D%80%20%E2%80%9C%EC%95%84%EC%9D%B4%EA%B0%80%20%EC%83%9D%EA%B8%B0%EA%B3%A0%20%EB%8B%AC%EB%9D%BC%EC%A7%84%20%EC%A0%90%EC%9D%80%20%EB%8A%98%20%EA%B7%80%EC%97%AC%EC%9A%B4%20%EA%B2%8C%20%EB%82%B4%20%EC%98%86%EC%97%90%20%EC%9E%88%EB%8B%A4%EB%8A%94%20%EA%B1%B0%EB%8B%A4%E2%80%9D%EB%A9%B4%EC%84%9C%20%E2%80%9C%EB%82%98%EB%8A%94%20%EB%A6%AC%EC%9C%A4%EC%9D%B4%EB%A5%BC%20%EB%82%B3%EA%B3%A0%20%EC%96%98%EB%A5%BC%20%EB%B3%B4%EB%A9%B4%20%EB%90%98%EA%B2%8C%20%EB%8B%A4%EC%96%91%ED%95%9C%20%ED%91%9C%EC%A0%95%EC%9D%B4%20%EC%9E%88%EB%8B%A4.%20%EC%9D%B4%EA%B2%8C%20%EB%98%90%20%EC%96%B4%EB%A5%B8%EB%93%A4%ED%95%9C%ED%85%8C%EB%8F%84%20%EC%9E%88%EB%8A%94%20%ED%91%9C%EC%A0%95%EC%9D%B4%EB%8B%A4%E2%80%9D%EA%B3%A0%20%EB%A7%90%ED%96%88%EB%8B%A4.%EC%9D%B4%EC%96%B4%20%E2%80%9C%EB%82%98%EB%8A%94%20%EC%96%98%EB%A5%BC%20%EB%82%B3%EA%B3%A0%EC%84%9C%20%E2%80%98%EC%84%B8%EC%83%81%20%EC%82%AC%EB%9E%8C%EB%93%A4%EC%9D%B4%20%EB%8B%A4%20%EC%98%88%EC%81%98%EB%8B%A4%E2%80%99%20%EC%9D%B4%EB%9F%B0%20%EC%83%9D%EA%B0%81%EC%9D%B4%20%EB%93%A4%EC%97%88%EB%8B%A4.%20%EC%84%B8%EC%83%81%EC%9D%84%20%EB%B3%B4%EB%8A%94%20%EB%88%88%EC%9D%B4%20%EB%90%98%EA%B2%8C" data-image="http://www.atstar1.com/news/photo/202412/6019149_82632_5635.jpg" title="페이스북" data-clipboard-text="http://www.atstar1.com/news/articleView.html?idxno=6019149"> <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="%EA%B9%80%EC%8A%B9%ED%98%84%2C%20%E2%80%98%EC%97%84%EB%A7%88%20%EC%97%86%EC%9D%B4%20%ED%82%A4%EC%9A%B4%E2%80%99%20%EB%94%B8%EC%97%90%20%EC%A7%84%ED%95%9C%20%EB%B6%80%EC%84%B1%EC%95%A0%20%E2%80%9C%EB%91%98%EC%A7%B8%20%EB%B3%B4%EB%A9%B4%20%EC%B2%AB%EC%A7%B8%20%EC%83%9D%EA%B0%81%EB%82%98%E2%80%9D" data-url="http%3A%2F%2Fwww.atstar1.com%2Fnews%2FarticleView.html%3Fidxno%3D6019149" data-desc="%5B%EC%95%B3%EC%8A%A4%ED%83%80%EC%9D%BC%20%EA%B9%80%EC%98%88%EB%82%98%20%EA%B8%B0%EC%9E%90%5D%20%EB%91%90%20%EB%94%B8%EC%9D%98%20%EC%95%84%EB%B9%A0%EA%B0%80%20%EB%90%9C%20%EA%B9%80%EC%8A%B9%ED%98%84%EC%9D%B4%20%EC%97%84%EB%A7%88%20%EC%97%86%EC%9D%B4%20%ED%82%A4%EC%9A%B4%20%EC%B2%AB%EC%A7%B8%EC%97%90%20%EB%8C%80%ED%95%9C%20%EB%B6%80%EC%84%B1%EC%95%A0%EB%A5%BC%20%EB%93%9C%EB%9F%AC%EB%83%88%EB%8B%A4.%EA%B9%80%EC%8A%B9%ED%98%84%20%EC%9E%A5%EC%A0%95%EC%9C%A4%20%EB%B6%80%EB%B6%80%EB%8A%94%20%EC%A7%80%EB%82%9C%201%EC%9D%BC%20%EA%B0%80%EC%A1%B1%20%EC%B1%84%EB%84%90%EC%97%90%20%EC%B2%98%EA%B0%80%20%EC%8B%9D%EA%B5%AC%EB%93%A4%EA%B3%BC%20%ED%95%A8%EA%BB%98%ED%95%9C%20%EC%98%81%EC%83%81%EC%9D%84%20%EC%97%85%EB%A1%9C%EB%93%9C%ED%96%88%EB%8B%A4.%EA%B9%80%EC%8A%B9%ED%98%84%EC%9D%80%20%EC%95%84%EB%82%B4%20%EC%9E%A5%EC%A0%95%EC%9C%A4%EC%97%90%EA%B2%8C%20%E2%80%9C%EC%95%84%EC%9D%B4%EA%B0%80%20%EC%83%9D%EA%B8%B0%EA%B3%A0%20%EB%8B%AC%EB%9D%BC%EC%A7%84%20%EC%A0%90%EC%9D%B4%20%EB%AD%90%EB%83%90%E2%80%9D%EA%B3%A0%20%EB%AC%BC%EC%97%88%EB%8B%A4.%EC%9E%A5%EC%A0%95%EC%9C%A4%EC%9D%80%20%E2%80%9C%EC%95%84%EC%9D%B4%EA%B0%80%20%EC%83%9D%EA%B8%B0%EA%B3%A0%20%EB%8B%AC%EB%9D%BC%EC%A7%84%20%EC%A0%90%EC%9D%80%20%EB%8A%98%20%EA%B7%80%EC%97%AC%EC%9A%B4%20%EA%B2%8C%20%EB%82%B4%20%EC%98%86%EC%97%90%20%EC%9E%88%EB%8B%A4%EB%8A%94%20%EA%B1%B0%EB%8B%A4%E2%80%9D%EB%A9%B4%EC%84%9C%20%E2%80%9C%EB%82%98%EB%8A%94%20%EB%A6%AC%EC%9C%A4%EC%9D%B4%EB%A5%BC%20%EB%82%B3%EA%B3%A0%20%EC%96%98%EB%A5%BC%20%EB%B3%B4%EB%A9%B4%20%EB%90%98%EA%B2%8C%20%EB%8B%A4%EC%96%91%ED%95%9C%20%ED%91%9C%EC%A0%95%EC%9D%B4%20%EC%9E%88%EB%8B%A4.%20%EC%9D%B4%EA%B2%8C%20%EB%98%90%20%EC%96%B4%EB%A5%B8%EB%93%A4%ED%95%9C%ED%85%8C%EB%8F%84%20%EC%9E%88%EB%8A%94%20%ED%91%9C%EC%A0%95%EC%9D%B4%EB%8B%A4%E2%80%9D%EA%B3%A0%20%EB%A7%90%ED%96%88%EB%8B%A4.%EC%9D%B4%EC%96%B4%20%E2%80%9C%EB%82%98%EB%8A%94%20%EC%96%98%EB%A5%BC%20%EB%82%B3%EA%B3%A0%EC%84%9C%20%E2%80%98%EC%84%B8%EC%83%81%20%EC%82%AC%EB%9E%8C%EB%93%A4%EC%9D%B4%20%EB%8B%A4%20%EC%98%88%EC%81%98%EB%8B%A4%E2%80%99%20%EC%9D%B4%EB%9F%B0%20%EC%83%9D%EA%B0%81%EC%9D%B4%20%EB%93%A4%EC%97%88%EB%8B%A4.%20%EC%84%B8%EC%83%81%EC%9D%84%20%EB%B3%B4%EB%8A%94%20%EB%88%88%EC%9D%B4%20%EB%90%98%EA%B2%8C" data-image="http://www.atstar1.com/news/photo/202412/6019149_82632_5635.jpg" title="트위터" data-clipboard-text="http://www.atstar1.com/news/articleView.html?idxno=6019149"> <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="%EA%B9%80%EC%8A%B9%ED%98%84%2C%20%E2%80%98%EC%97%84%EB%A7%88%20%EC%97%86%EC%9D%B4%20%ED%82%A4%EC%9A%B4%E2%80%99%20%EB%94%B8%EC%97%90%20%EC%A7%84%ED%95%9C%20%EB%B6%80%EC%84%B1%EC%95%A0%20%E2%80%9C%EB%91%98%EC%A7%B8%20%EB%B3%B4%EB%A9%B4%20%EC%B2%AB%EC%A7%B8%20%EC%83%9D%EA%B0%81%EB%82%98%E2%80%9D" data-url="http%3A%2F%2Fwww.atstar1.com%2Fnews%2FarticleView.html%3Fidxno%3D6019149" data-desc="%5B%EC%95%B3%EC%8A%A4%ED%83%80%EC%9D%BC%20%EA%B9%80%EC%98%88%EB%82%98%20%EA%B8%B0%EC%9E%90%5D%20%EB%91%90%20%EB%94%B8%EC%9D%98%20%EC%95%84%EB%B9%A0%EA%B0%80%20%EB%90%9C%20%EA%B9%80%EC%8A%B9%ED%98%84%EC%9D%B4%20%EC%97%84%EB%A7%88%20%EC%97%86%EC%9D%B4%20%ED%82%A4%EC%9A%B4%20%EC%B2%AB%EC%A7%B8%EC%97%90%20%EB%8C%80%ED%95%9C%20%EB%B6%80%EC%84%B1%EC%95%A0%EB%A5%BC%20%EB%93%9C%EB%9F%AC%EB%83%88%EB%8B%A4.%EA%B9%80%EC%8A%B9%ED%98%84%20%EC%9E%A5%EC%A0%95%EC%9C%A4%20%EB%B6%80%EB%B6%80%EB%8A%94%20%EC%A7%80%EB%82%9C%201%EC%9D%BC%20%EA%B0%80%EC%A1%B1%20%EC%B1%84%EB%84%90%EC%97%90%20%EC%B2%98%EA%B0%80%20%EC%8B%9D%EA%B5%AC%EB%93%A4%EA%B3%BC%20%ED%95%A8%EA%BB%98%ED%95%9C%20%EC%98%81%EC%83%81%EC%9D%84%20%EC%97%85%EB%A1%9C%EB%93%9C%ED%96%88%EB%8B%A4.%EA%B9%80%EC%8A%B9%ED%98%84%EC%9D%80%20%EC%95%84%EB%82%B4%20%EC%9E%A5%EC%A0%95%EC%9C%A4%EC%97%90%EA%B2%8C%20%E2%80%9C%EC%95%84%EC%9D%B4%EA%B0%80%20%EC%83%9D%EA%B8%B0%EA%B3%A0%20%EB%8B%AC%EB%9D%BC%EC%A7%84%20%EC%A0%90%EC%9D%B4%20%EB%AD%90%EB%83%90%E2%80%9D%EA%B3%A0%20%EB%AC%BC%EC%97%88%EB%8B%A4.%EC%9E%A5%EC%A0%95%EC%9C%A4%EC%9D%80%20%E2%80%9C%EC%95%84%EC%9D%B4%EA%B0%80%20%EC%83%9D%EA%B8%B0%EA%B3%A0%20%EB%8B%AC%EB%9D%BC%EC%A7%84%20%EC%A0%90%EC%9D%80%20%EB%8A%98%20%EA%B7%80%EC%97%AC%EC%9A%B4%20%EA%B2%8C%20%EB%82%B4%20%EC%98%86%EC%97%90%20%EC%9E%88%EB%8B%A4%EB%8A%94%20%EA%B1%B0%EB%8B%A4%E2%80%9D%EB%A9%B4%EC%84%9C%20%E2%80%9C%EB%82%98%EB%8A%94%20%EB%A6%AC%EC%9C%A4%EC%9D%B4%EB%A5%BC%20%EB%82%B3%EA%B3%A0%20%EC%96%98%EB%A5%BC%20%EB%B3%B4%EB%A9%B4%20%EB%90%98%EA%B2%8C%20%EB%8B%A4%EC%96%91%ED%95%9C%20%ED%91%9C%EC%A0%95%EC%9D%B4%20%EC%9E%88%EB%8B%A4.%20%EC%9D%B4%EA%B2%8C%20%EB%98%90%20%EC%96%B4%EB%A5%B8%EB%93%A4%ED%95%9C%ED%85%8C%EB%8F%84%20%EC%9E%88%EB%8A%94%20%ED%91%9C%EC%A0%95%EC%9D%B4%EB%8B%A4%E2%80%9D%EA%B3%A0%20%EB%A7%90%ED%96%88%EB%8B%A4.%EC%9D%B4%EC%96%B4%20%E2%80%9C%EB%82%98%EB%8A%94%20%EC%96%98%EB%A5%BC%20%EB%82%B3%EA%B3%A0%EC%84%9C%20%E2%80%98%EC%84%B8%EC%83%81%20%EC%82%AC%EB%9E%8C%EB%93%A4%EC%9D%B4%20%EB%8B%A4%20%EC%98%88%EC%81%98%EB%8B%A4%E2%80%99%20%EC%9D%B4%EB%9F%B0%20%EC%83%9D%EA%B0%81%EC%9D%B4%20%EB%93%A4%EC%97%88%EB%8B%A4.%20%EC%84%B8%EC%83%81%EC%9D%84%20%EB%B3%B4%EB%8A%94%20%EB%88%88%EC%9D%B4%20%EB%90%98%EA%B2%8C" data-image="http://www.atstar1.com/news/photo/202412/6019149_82632_5635.jpg" title="URL복사" data-clipboard-text="http://www.atstar1.com/news/articleView.html?idxno=6019149"> <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_82632 float-center" data-idxno="82632" data-type="photo" style="display:inline-block; max-width:800px"><img alt="" src="https://cdn.atstar1.com/news/photo/202412/6019149_82632_5635.jpg" /> <figcaption></figcaption> </figure> </div> <p> </p> <p>[앳스타일 김예나 기자] 두 딸의 아빠가 된 김승현이 엄마 없이 키운 첫째에 대한 부성애를 드러냈다.</p> <p>김승현 장정윤 부부는 지난 1일 가족 채널에 처가 식구들과 함께한 영상을 업로드했다.</p> <p>김승현은 아내 장정윤에게 “아이가 생기고 달라진 점이 뭐냐”고 물었다.</p> <p>장정윤은 “아이가 생기고 달라진 점은 늘 귀여운 게 내 옆에 있다는 거다”면서 “나는 리윤이를 낳고 얘를 보면 되게 다양한 표정이 있다. 이게 또 어른들한테도 있는 표정이다”고 말했다.</p> <p>이어 “나는 얘를 낳고서 ‘세상 사람들이 다 예쁘다’ 이런 생각이 들었다. 세상을 보는 눈이 되게 많이 달라지고, 이런 사랑을 받으면서 자란 사람들이겠구나, 모두가 귀한 사람들이다는 생각이 들었다”며 남편 김승현에게도 같은 질문을 했다.</p> <p>김승현은 “인생을 더 진지하게 바라보게 됐다. 그래서 삶의 행복담도 더 배가 됐다. 그리고 더 열심히 살아야 되겠다”며 “무엇보다도 부부가 원팀이 돼서 리윤이만 바라보고 열심히 살겠다”고 다짐했다.</p> <p>둘째 딸을 얻으면서 마음가짐이 달라졌다는 김승현은 첫째 딸에 대한 언급도 빼놓지 않았다.</p> <p>김승현은 “큰 딸 수빈이도 생각해보게 된다. 그래서 행복하다”며 결혼 없이, 아내 없이 부모님 도움으로 키운 첫째 딸을 향한 부성애를 드러냈다.</p> <p>김승현은 만 10대 당시 교제하던 여자친구와 사이에서 첫째 딸 수빈 씨를 낳아 미혼부가 됐다. 김승현은 2020년 지금의 아내 장정윤과 결혼해 2024년 둘째 딸을 출산했다. 김승현 부부에 따르면 두 딸은 25살 나이 차가 난다.</p> <div style="text-align:center"> <figure class="photo-layout image photo_82633 float-center" data-idxno="82633" data-type="photo" style="display:inline-block; max-width:800px"><img alt="" src="https://cdn.atstar1.com/news/photo/202412/6019149_82633_5648.jpg" /> <figcaption></figcaption> </figure> </div> <p> </p> <p>(사진=김승현 가족 채널)</p> <p>김예나 yenable@</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:yenable@atstar1.com" class="email">yenable@atstar1.com</a> </div> </div> <div class="item text-right"> <a href="/news/articleList.html?sc_area=I&sc_word=yenable&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="6019149" /> <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=6019149#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="6019149" /> <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="6019149" /> <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 = '6019149'; // 댓글 부모 게시물 번호 $comment.member_check = 'GUEST'; // 회원여부 $comment.member_nd = ''; // 회원여부 $comment.captcha_view = 'Y'; // 캡챠 노출 (로그인 및 권한에 따른 노출 상태) $comment.bbs_table = undefined; // 게시판 테이블 $comment.comment_orderby = 'I', // 댓글 정렬 $comment.comment_page = 1, // 댓글 페이징 $comment.comment_count = 0, // 댓글 총 갯수 $comment.commentConfigSet(); // 댓글 설정 불러오기 (중요!!) $(document).ready(function(e){ // 댓글 정렬 변경 $('#comment').on('click', '.btn-comment-orderby', function(e){ $comment.commentList('load', $comment.comment_page, $comment.comment_orderby=$(this).data('data')); // 댓글 불러오기 // $comment.moveScroll($comment.list_container); // 자동 스크롤 이동 }); // 답글 정렬 변경 $('#comment').on('click', '.btn-sub-comment-orderby', function(e){ var reply_parent_idxno = $(this).data('idxno'); $('#comment-item-'+reply_parent_idxno+'-sub .comment-sub-orderby').val($(this).data('orderby')); $comment.commentSubList(reply_parent_idxno, 'reload'); // $comment.moveScroll($comment.list_container); // 자동 스크롤 이동 }); // 댓글 더보기 $('#comment').on('click', '.btn-comment-more', function(e){ $comment.moveScroll($(this)); // 자동 스크롤 이동 $comment.commentList('add', ++$comment.comment_page, $comment.comment_orderby); // 댓글 추가하기 }); // 댓글 쓰기 $('#comment').on('click', '.btn-comment-save', function(e){ if( $comment.textLength($(this).closest('form').find('.comment-content')) ){ // 저장 이벤트 전 글자 수 체크 (스팸 방지) $comment.commentWrite($(this).closest('form')); // 댓글 저장 } }); // 댓글 쓰기 상단 이동 버튼 처리 $('#comment').on('click', '.btn-comment-write', function(e){ $comment.moveScroll($('.comment-write'), true); // 자동 스크롤 이동 $('#comment > .comment-write .comment-content').focus(); }); // 댓글 작성 글자수 제한 $('#comment').on('change keyup keydown keypress', '.comment-content', function(e){ $comment.textLength($(this)); }); // 댓글 삭제 모달 열기 $('#comment').on('click', '.btn-comment-delete', function(e){ var cmtItem = $(this).closest('.user-textbox'); $comment.reveal_delete.find('.mode').val($(this).data('mode')); $comment.reveal_delete.find('.idxno').val(cmtItem.data('idxno')); $comment.reveal_delete.find('.reply-parent-idxno').val(cmtItem.data('reply-parent-idxno')); $comment.reveal_delete.find('.user-id').val(cmtItem.data('user-id')); $comment.reveal_delete.find('.password').val(''); $comment.reveal_delete.foundation('open'); }); // 댓글 삭제 시 엔터 이벤트 $('#comment-reveal-delete .password').keydown(function(e) { if (e.keyCode == 13) return false; }); // 댓글 삭제 $('#comment-reveal-delete').on('click', '.btn-comment-delete-ok', function(e){ $comment.commentDelete($(this).closest('form')); // 댓글 삭제 }); // 댓글 답글 보기 / 더보기 $('#comment').on('click', '.btn-comment-sub', function(e){ var sub_item = $(this).closest('.comment-item'), reply_parent_idxno = sub_item.data('reply-parent-idxno'), sub_mode = $(this).data('sub-mode'); $comment.commentSubList(reply_parent_idxno, sub_mode); // 답글 보기 }); // 답글 쓰기 폼 열기 $('#comment').on('click', '.btn-comment-sub-write', function(e){ var sub_item = $(this).closest('.comment-item'), sub_write_form = sub_item.find('form[name="commentWriteForm"]'); $(this).hide(); sub_write_form.show().find('textarea.comment-content').focus(); $comment.moveScroll(sub_write_form); // 자동 스크롤 이동 }); // 댓글 추천/반대 $('#comment').on('click', '.btn-comment-vote', function(e){ var cmtItem = $(this).closest('.user-vote'); $comment.commentVote($(this), $(this).data('mode'), cmtItem.data('idxno')); // 댓글 추천/반대 }); // 댓글 작성란 비활성 이벤트 $('#comment').on('click', '.comment-write .comment-content', function(e){ if( $(this).prop('readonly') == true ){ var login_url = $(this).closest('.comment-write').find('.btn-comment-login').prop('href'); if($comment.member_check == 'GUEST') location.href=login_url; else alert('댓글 작성 권한이 없습니다. 관리자에게 문의하세요'); } }); // 댓글 옵션 레이어 토글 $('#comment').on('click', '.user-tb-h-del button', function(){ var optionBox = $(this).closest('.user-tb-h-del').find('.user-delete'); if(optionBox.is(':visible') == false){ $('.user-delete').hide(); optionBox.show(); } else optionBox.hide(); }); // 베스트 댓글 안내 $('.cl-s-explain a').on('mouseover', function(){ $(this).next('p').show(); }).on('mouseout', function(){ $(this).next('p').hide(); }); // 댓글 작성자 정보 OPEN $('#comment').on('click', '.user-comment-info', function(){ var infoId = $(this).closest('.comment-item').attr('id'); $comment.userCommentInfo($(this).closest('.user-textbox').data('user-id')); $('html, body').addClass('block'); // 댓글 작성자 정보 CLOSE $(document).on('click', '.cmt-info-block, .cmt-info-close', function(e){ var $tgPoint = $(e.target); var $commentArea = $tgPoint.closest('.cmt-info'); // .hasClass('cmt-info'); var closeBool = true; if($commentArea.length) { if(!$tgPoint.hasClass('icon-close-thin')) closeBool = false; } if(closeBool) { $('html, body').removeClass('block'); $('#userCommentInfo').remove(); } // location.href='#'+infoId; }); }); $('#comment').on('click', '.my-cmt', function(e){ $('#myIframeBox').attr("src", "/comment/myComment.html"); $('#myCommnetView').foundation('open'); }); }); </script>  <div class="clearfix"> </div>  </article> <aside class="grid side"> <div class="sticky-container" data-sticky-container> <div class="sticky" data-sticky data-anchor="articleViewCon" data-dynamic-height="true" data-check-every="0" data-margin-top="5" data-sticky-on="large">  <article class="box-skin idx--box "> <header class="header"><strong>많이 본 기사</strong></header> <section class="content"><style type="text/css"> #skin-19 > .item:not(:first-child) {margin-top:15px} #skin-19 .number, #skin-19 .auto-titles {float:left} #skin-19 .number {width:35px} #skin-19 .auto-titles {width:calc(100% - 35px)} </style> <div id="skin-19" class="auto-article"><div class="item"> <a href="/news/articleView.html?idxno=6018919" target="_top"> <strong class="number size-18 line-2x1 auto-fontA">1</strong> <span class="auto-titles size-15 line-4x2 auto-fontA onload">이찬원, 트로트가수 그만두나 “시험 봤으면 바로 합격” (불후)</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6018895" target="_top"> <strong class="number size-18 line-2x1 auto-fontA">2</strong> <span class="auto-titles size-15 line-4x2 auto-fontA onload">뉴진스 말고 유진스, ‘트롯 요정’ 전유진 생애 첫 화보</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6018899" target="_top"> <strong class="number size-18 line-2x1 auto-fontA">3</strong> <span class="auto-titles size-15 line-4x2 auto-fontA onload">박서진, 대선배 임주리와 사돈 맺나…여행 핑계로 소개팅 (살림남)</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6018923" target="_top"> <strong class="number size-18 line-2x1 auto-fontA">4</strong> <span class="auto-titles size-15 line-4x2 auto-fontA onload">‘전 남편 최민환’ 소송 건 율희, 추가 소송 결심 “성희롱 못 참아, 선처없다”</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6018930" target="_top"> <strong class="number size-18 line-2x1 auto-fontA">5</strong> <span class="auto-titles size-15 line-4x2 auto-fontA onload">“연애-결혼 없다, 아들만 있을 뿐”…본능적으로 사는 51세 정우성</span> </a> </div> </div> </section> </article><div class="box-margins " style="margin-bottom:40px;"></div><article class="box-skin idx--box "> <header class="header"><strong>주요기사</strong></header> <section class="content"><style type="text/css"> #skin-20 > .item:not(:first-child) {margin-top:20px} #skin-20 .frame {width:60px} #skin-20 .content {display:block;width:auto;padding:9px 45px 9px 0} #skin-20 .auto-valign > .for-middle:first-child:nth-last-child(2) {display:inline-block;width:calc(100% - 60px);padding:0 18px 0 0} </style> <div id="skin-20" class="auto-article"><div class="item"> <a href="/news/articleView.html?idxno=6019141" target="_top" class="auto-valign"> <span class="content for-middle"> <em class="auto-titles size-16 line-4x2 auto-fontA onload">‘청룡 아들’ 얻은 정우성, 죽어가던 ‘청룡영화상’ 살렸다 [스타@스타일]</em> </span><span class="frame line for-middle"> <em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/custom/20241204/6019141_82618_2336_1733117016_100.jpg)"></em> </span></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019139" target="_top" class="auto-valign"> <span class="content for-middle"> <em class="auto-titles size-16 line-4x2 auto-fontA onload">청룡영화상 베스트 ‘권유리’ VS 워스트 ‘임지연’ [스타@스캔]</em> </span><span class="frame line for-middle"> <em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/custom/20241204/6019139_82610_1747_1733109467_100.jpg)"></em> </span></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019097" target="_top" class="auto-valign"> <span class="content for-middle"> <em class="auto-titles size-16 line-4x2 auto-fontA onload">휘브 “1년 동안 성장한 우리들…이젠 더 멋진 아티스트 될 것” [스타@스타일]</em> </span><span class="frame line for-middle"> <em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/custom/20241204/6019097_82521_20_1732863721_100.jpg)"></em> </span></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019107" target="_top" class="auto-valign"> <span class="content for-middle"> <em class="auto-titles size-16 line-4x2 auto-fontA onload">“멋진 의상” 있지 채령 VS “나빠요” 정윤하 [스타@스캔]</em> </span><span class="frame line for-middle"> <em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/custom/20241204/6019107_82547_4710_1732866430_100.jpg)"></em> </span></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019067" target="_top" class="auto-valign"> <span class="content for-middle"> <em class="auto-titles size-16 line-4x2 auto-fontA onload">배현성, ‘박보검 닮은꼴’ 떼고 대세 믿보배로 우뚝 [스타@스타일]</em> </span><span class="frame line for-middle"> <em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/custom/20241204/6019067_82477_1135_1732806695_100.jpg)"></em> </span></a> </div> </div> </section> </article><div class="box-margins " style="margin-bottom:40px;"></div>  </div> </div> </aside> </section>  <div class="clearfix"> </div>  </div>  <div class="view-footer-group"> <div class="inner float-center" style="max-width:1200px"> <article class="item">  <div class="clearfix"> <article class="box-skin idx--large "> <header class="header"><strong>이 시각 추천뉴스</strong></header> <section class="content"><style type="text/css"> #skin-21 > .item {margin-top:16px} #skin-21 > .item.large {margin-top:30px;margin-bottom:25px} #skin-21 > .item:first-child {margin-top:0} .auto-article ~ #skin-21 > .item:first-child {margin-top:30px} #skin-21 .auto-images {transition:transform .5s, -ms-transform .5s} #skin-21 a:hover .auto-images {-ms-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)} #skin-21 .frame {width:180px} #skin-21 .content {display:block} #skin-21 .frame + .content {display:inline-block;width:calc(100% - 180px);padding-left:18px} #skin-21 > .item.small .auto-titles {width:calc(100% - 180px);padding-right:30px} #skin-21 .byline {width:180px;font-size:0;white-space:nowrap;text-align:right} #skin-21 .byline > em {display:inline-block;position:relative;font-size:.8125rem;line-height:1;color:rgba(0,0,0,.6);vertical-align:middle} #skin-21 .byline > em:not(:first-child) {margin-left:.375rem;padding-left:.375rem} #skin-21 .byline > em:not(:first-child)::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.625rem;border-left:1px solid rgba(0,0,0,.12);-ms-transform:translateY(-50%);transform:translateY(-50%)} </style> <div id="skin-21" class="auto-article"><div class="item large"> <a href="/news/articleView.html?idxno=6019086" target="_top" class="auto-valign"><span class="frame line for-middle"> <em class="auto-images ratio-32" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202411/6019086_82510_948_v150.jpg)"></em> </span><span class="content for-middle"> <strong class="auto-titles size-25 weight-700 line-4x2 auto-fontA onload">[뷰티뉴스] 달바, 2년 연속 '올리브영 어워즈' 수상 기념 한정 기획세트 선보인다</strong> <em class="auto-sums martop-8 size-14 line-7x2 auto-fontK">달바가 ‘비건 톤업 선크림’ 올리브영 어워즈 2년 연속 수상을 기념해 한정 기획 세트를 출시한다.달바 ‘비건 톤업 선크림’은 SPF50+ / PA++++ 의 강력한 자외선 차단 기...</em> </span> </a> </div> <div class="item small"> <a href="/news/articleView.html?idxno=6018956" target="_top" class="auto-valign"> <span class="auto-titles for-middle size-18 line-4x1 auto-fontA onload">세정그룹, 부산 티셔츠 출시…지역 상생 이어간다</span> <span class="byline for-middle"> <em>패션뉴스</em> <em>박승현 기자</em> </span> </a> </div> <div class="item small"> <a href="/news/articleView.html?idxno=6018955" target="_top" class="auto-valign"> <span class="auto-titles for-middle size-18 line-4x1 auto-fontA onload">[패션뉴스] 나우, ‘콰이어트 아웃도어’ 출시</span> <span class="byline for-middle"> <em>패션뉴스</em> <em>박승현 기자</em> </span> </a> </div> <div class="item small"> <a href="/news/articleView.html?idxno=6018888" target="_top" class="auto-valign"> <span class="auto-titles for-middle size-18 line-4x1 auto-fontA onload">[뷰티뉴스] 달바 비건 미스트 세럼, 日 앳코스메 랭킹 1위</span> <span class="byline for-middle"> <em>뷰티뉴스</em> <em>황연도 기자</em> </span> </a> </div> <div class="item small"> <a href="/news/articleView.html?idxno=6018810" target="_top" class="auto-valign"> <span class="auto-titles for-middle size-18 line-4x1 auto-fontA onload">[패션뉴스] 폴햄, 무브 다운 출시…AI와 만났다</span> <span class="byline for-middle"> <em>패션뉴스</em> <em>박승현 기자</em> </span> </a> </div> </div> </section> </article> </div>  </article> <article class="item">  <div class="clearfix"> <article class="box-skin idx--small "> <header class="header"><strong>포토뉴스</strong></header> <section class="content"><style type="text/css"> #skin-22 {overflow:hidden;position:relative;height:0;padding-bottom:100%} #skin-22 #for-22 {overflow:hidden;position:absolute;z-index:10;left:25%;top:25%;width:calc(75% - 1px);height:0;padding-bottom:calc(75% - 1px)} #skin-22 #for-22 > .item {position:relative} #skin-22 #nav-22 {position:absolute;z-index:1;width:100%;height:100%} #skin-22 #nav-22 > .item {position:absolute;z-index:1;width:calc(25% - 1px);opacity:.5;filter:alpha(opacity=50);cursor:pointer} #skin-22 #nav-22 > .item.active {opacity:1;filter:alpha(opacity=100)} #skin-22 #nav-22 > .item.active .frame::before {border-width:3px;border-color:#000} #skin-22 #nav-22 > .item.nav-1 {left:0;top:0} #skin-22 #nav-22 > .item.nav-2 {left:25%;top:0} #skin-22 #nav-22 > .item.nav-3 {left:50%;top:0} #skin-22 #nav-22 > .item.nav-4 {left:75%;top:0} #skin-22 #nav-22 > .item.nav-5 {left:75%;top:25%} #skin-22 #nav-22 > .item.nav-6 {left:75%;top:50%} #skin-22 #nav-22 > .item.nav-7 {left:75%;top:75%} #skin-22 #nav-22 > .item.nav-8 {left:50%;top:75%} #skin-22 #nav-22 > .item.nav-9 {left:25%;top:75%} #skin-22 #nav-22 > .item.nav-10 {left:0;top:75%} #skin-22 #nav-22 > .item.nav-11 {left:0;top:50%} #skin-22 #nav-22 > .item.nav-12 {left:0;top:25%} </style> <div id="skin-22" class="auto-article"><div id="for-22"><div class="item"> <a href="/news/articleView.html?idxno=6019179" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019179_82685_5935.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">EXO-2PM, 호주 흙바닥에서 K팝 공연한 이유 (갈데까지)</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019178" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019178_82683_4526.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=6019177" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019177_82681_3114.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=6019176" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019176_82679_5048.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=6019174" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019174_82675_5820.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=6019172" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019172_82671_3837.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=6019175" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019175_82677_021.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=6019173" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019173_82673_573.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">원더걸스 우혜림, 만삭 D라인 자랑 “16kg 살쪄, 얼굴 보기 좋아”</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019171" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019171_82669_3526.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">윤남기♥이다은, 생후 100일 아들 초고속 성장 “돌 때 입는 옷도 작아”</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019170" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019170_82668_340.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">“168cm, 48kg 정해준 걸그룹 기준…먹을 수가 없다”</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019168" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019168_82665_227.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=6019167" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019167_82663_4537.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">차은우 닮은꼴이 있다니…다시 태어난 장성규 (세차장)</span> </span> </a> </div> </div> <div id="nav-22"><div class="item auto-cursor nav-1 active"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019179_82685_5935_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-2"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019178_82683_4526_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-3"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019177_82681_3114_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-4"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019176_82679_5048_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-5"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019174_82675_5820_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-6"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019172_82671_3837_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-7"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019175_82677_021_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-8"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019173_82673_573_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-9"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019171_82669_3526_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-10"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019170_82668_340_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-11"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019168_82665_227_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-12"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019167_82663_4537_v150.jpg)"></em></span> </div> </div> </div><script type="text/javascript"> function mosaic_autobox(data) { var $_container = $(data[0].container); var autoplay = data[0].autoplay; var autotime = data[0].autotime; var temp_autoplay = autoplay; var totalcount = $_container.find('#nav-22 > .item').length; var point = 0; $_container.on('mouseenter', '.auto-cursor', function(e){ mosaic_cmd('current', $(this).index()); }); $_container.on('mouseenter', function(e){ if(autoplay) temp_autoplay = false; }).on('mouseleave', function(e){ if(autoplay) temp_autoplay = true; }); if(autoplay) { var rolling = window.setInterval(function () { if(temp_autoplay) mosaic_cmd('next', 0); }, autotime); } function mosaic_cmd(mode, current_point) { if(mode == "prev") { point -= 1; if(point < 0) point = totalcount - 1; }else if(mode == "next") { point += 1; if(point >= totalcount) point = 0; }else if(mode == "current") { point = current_point; } $_container.find('#for-22 > .item').eq(point).show().siblings().hide(); $_container.find('#nav-22 > .item').eq(point).addClass('active').siblings().removeClass('active'); if(point < 3){ $_container.find('#for-22').css({"left":"25%","top":"25%"}); } else if(point < 6 && point >= 3) { $_container.find('#for-22').css({"left":"0","top":"25%"}); } else if(point < 9 && point >= 6) { $_container.find('#for-22').css({"left":"0","top":"0"}); } else if(point >= 9) { $_container.find('#for-22').css({"left":"25%","top":"0"}); } return false; } } (function() { //설정값 var data = [{ container:"#skin-22", autoplay:true, autotime:3000 }]; //초기실행 mosaic_autobox(data); })(); </script> </section> </article> </div>  </article> </div> </div>  </div> </div> </section>  </div> <style type="text/css"> #user-footer.type-24 {padding:50px 20px 80px;margin:1.875rem 0 0;background-color:#fff} #user-footer.type-24 > .inner {position:relative;margin:0 auto} /* navgation */ #user-footer.type-24 .footer-nav {margin:0 auto 1.875rem;font-size:0;text-align:left} #user-footer.type-24 .footer-nav > a {display:inline-block;overflow:hidden;margin-right:1.375rem;padding:0;font-size:.9375rem;font-weight:bold;line-height:1.375;color:rgba(0,0,0,.7)} #user-footer.type-24 .footer-nav > a:last-child {margin-right:0} /* gnb */ #user-footer.type-24 .footer-gnb {display:table;width:100%;table-layout:fixed} #user-footer.type-24 .footer-gnb > .gnb-cell {display:table-cell;width:100%;font-size:0;vertical-align:top} #user-footer.type-24 .footer-gnb > .gnb-cell.text-right {width:200px;padding-left:50px} /* logo */ #user-footer.type-24 .footer-gnb .user-logo {float:none;display:inline-block;margin:0;font-size:0} /* address */ #user-footer.type-24 .address {display:block;margin:0;padding:0;list-style:none} #user-footer.type-24 .address::after {content:'';display:table;clear:both} #user-footer.type-24 .address > li {float:left;font-size:.75rem;font-weight:lighter;line-height:1.625;color:#858585} #user-footer.type-24 .address > li::before {content:'';display:inline-block;overflow:hidden;width:0;height:.688rem;margin:0 .625rem;border-left:1px solid rgba(0,0,0,.15)} #user-footer.type-24 .address > li.clear {margin-left:0;clear:both} #user-footer.type-24 .address > li.copy {font-size:.813rem;color:#555} #user-footer.type-24 .address > :first-child::before, #user-footer.type-24 .address > li.clear::before {content:normal} #user-footer.type-24 .address a {color:inherit;text-decoration:none} </style>  <footer id="user-footer" class="type-24"> <div class="inner float-center width-1200"> <h2 class="show-for-sr">하단영역</h2> <nav class="footer-nav"> <h3 class="show-for-sr">하단메뉴</h3> <a href="/com/com-1.html">매체소개</a> <a href="http://www.atstar1.com/com/jb.html">기사제보</a> <a href="http://www.atstar1.com/com/ad.html">광고문의</a> <a href="/com/service.html">이용약관</a> <a href="/com/privacy.html" class="user-point">개인정보처리방침</a> <a href="/com/youthpolicy.html">청소년보호정책</a> <a href="/com/copyright.html">저작권보호정책</a> <a href="/com/emailno.html">이메일무단수집거부</a>  </nav> <article class="footer-gnb"> <div class="gnb-cell text-left"> <h3 class="show-for-sr">매체정보</h3> <ul class="address"> <li>서울특별시 강남구 학동로336, 6층(논현동, 메이트리빌딩) </li> <li>대표전화 : 02-544-7200</li> <li class="clear">법인명 : 스타일도어(주)</li> <li>제호 : 앳스타일</li> <li>등록번호 : 서울 아 01959</li> <li>발행일 : 2012년 3월 21일 </li> <li>등록일 : 2012-02-01</li> <li class="clear">발행인 : 이재환</li> <li>편집인 : 이재환 김소라</li> <li>청소년보호책임자 : 김소라</li> <li class="copy clear martop-20"> C<a href="http://www.atstar1.com/admin/adminLoginForm.html" tabindex="-1">o</a>pyright © 2024 앳스타일. <a href="http://www.atstar1.com/news/articleView.html?idxno=6019149" 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>