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="최근 환율이 심상치 않다. 치솟는 원달러 환율에 오랫동안 저공행진할 것 같았던 엔화는 야금야금 오르고, 미국 중앙은행의 결정과 미국 내의 정치적 상황에 따라 달러가 움직이고 그에 따라 전 세계 경제가 출렁인다. 수출기업의 매출은 좋다는데 월급은 그대로고 물가는 올라 생활은 팍팍해지는가 하면, 해외 주식은 많이 올라 기분은 좋다. 환율이라는 숫자 하나에 울고 웃는 게 세계 경제 시대를 살아가는 우리의 운명이라면 그 원리를 이해하고 흐름을 살피는 것이 필요하다.이 책은 국내 경제 뿐만 아니라 해외 정치 이슈에서까지 영향을 받는 환율의"/> <meta name="Classification" content="LIFE & CULTURE > 책"/> <meta name="Copyright" content="앳스타일"/> <meta property="og:site_name" content="앳스타일"/> <meta property="og:image" content="https://cdn.atstar1.com/news/thumbnail/202408/6016273_77435_1933_v150.jpg" /> <meta property="og:type" content="article" /> <meta property="og:url" content="http://www.atstar1.com/news/articleView.html?idxno=6016273" /> <meta property="og:title" content="엔화 갑자기 왜 오른걸까?…‘세상 친절한 환율수업’ 출간" /> <meta property="og:description" content="최근 환율이 심상치 않다. 치솟는 원달러 환율에 오랫동안 저공행진할 것 같았던 엔화는 야금야금 오르고, 미국 중앙은행의 결정과 미국 내의 정치적 상황에 따라 달러가 움직이고 그에 따라 전 세계 경제가 출렁인다. 수출기업의 매출은 좋다는데 월급은 그대로고 물가는 올라 생활은 팍팍해지는가 하면, 해외 주식은 많이 올라 기분은 좋다. 환율이라는 숫자 하나에 울고 웃는 게 세계 경제 시대를 살아가는 우리의 운명이라면 그 원리를 이해하고 흐름을 살피는 것이 필요하다.이 책은 국내 경제 뿐만 아니라 해외 정치 이슈에서까지 영향을 받는 환율의" /> <meta property="og:article:author" content="신유림 인턴기자"/> <meta name="twitter:card" content="summary"/> <meta name="twitter:title" content="엔화 갑자기 왜 오른걸까?…‘세상 친절한 환율수업’ 출간"/> <meta name="twitter:description" content="최근 환율이 심상치 않다. 치솟는 원달러 환율에 오랫동안 저공행진할 것 같았던 엔화는 야금야금 오르고, 미국 중앙은행의 결정과 미국 내의 정치적 상황에 따라 달러가 움직이고 그에 따라 전 세계 경제가 출렁인다. 수출기업의 매출은 좋다는데 월급은 그대로고 물가는 올라 생활은 팍팍해지는가 하면, 해외 주식은 많이 올라 기분은 좋다. 환율이라는 숫자 하나에 울고 웃는 게 세계 경제 시대를 살아가는 우리의 운명이라면 그 원리를 이해하고 흐름을 살피는 것이 필요하다.이 책은 국내 경제 뿐만 아니라 해외 정치 이슈에서까지 영향을 받는 환율의"/> <meta name="twitter:image" content="https://cdn.atstar1.com/news/thumbnail/202408/6016273_77435_1933_v150.jpg"/> <meta name="twitter:site" content="http://www.atstar1.com/news/articleView.html?idxno=6016273"/> <meta name="twitter:creator" content="신유림 인턴기자"/> <meta property="dable:item_id" content="6016273"> <meta property="dable:author" content="신유림 인턴기자"> <meta property="article:section" content="LIFE & CULTURE"> <meta property="article:section1" content="책"> <meta property="article:published_time" content="2024-08-27T10:25:42+09:00">  <link rel="shortcut icon" href="https://cdn.atstar1.com/image/logo/favicon.ico"> <title>엔화 갑자기 왜 오른걸까?…‘세상 친절한 환율수업’ 출간 < 책 < LIFE & CULTURE < 기사본문 - 앳스타일</title> <link rel="canonical" id="canonical" href="http://www.atstar1.com/news/articleView.html?idxno=6016273" /> <link rel="amphtml" href="http://www.atstar1.com/news/articleViewAmp.html?idxno=6016273">  <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 = 1733202717; // 즐겨찾기 스크립트 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="S1N4" data-sub-code="S2N15" data-serial-code="/news/articleView.html" data-multi-code="">  <div id="user-gnb"> <div class="mode-inner">  <div class="updated">편집 : 2024-12-03 11:35 (화) </div>  </div> </div>   <header id="nav-header"> <div class="user-banner text-left"> </div> <h1 class="user-logo text-center"> <a href="http://www.atstar1.com" target="_top"><img src="https://cdn.atstar1.com/image/logo/toplogo_20240729053134.png" alt="앳스타일"></a> </h1> <div class="user-banner text-right"> </div> </header>   <nav id="user-nav"> <div class="mode-inner"> <article class="nav-cell text-left"> <div class="user-sns"> <a href="https://www.facebook.com/atstar1/" target="_blank" class="fb"><i class="icon-facebook"><span class="show-for-sr">facebook</span></i></a> <a href="https://www.instagram.com/atstar1magazine/" target="_blank" class="in"><i class="icon-instagram"><span class="show-for-sr">insta</span></i></a> <a href="https://www.youtube.com/playlist?list=PLjLF-cauu4lACQ_mY2tvHWTeVFfXjhZlx" target="_blank" class="yt"><i class="icon-youtube-play"><span class="show-for-sr">youtube</span></i></a> <a href="https://post.naver.com/atstar1?isHome=1" target="_blank" class="ps"><i class="icon-post"><span class="show-for-sr">post</span></i></a> </div> </article> <article class="nav-cell text-center">  <ul id="user-menu" class="user-menu"> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N1&view_type=sm" target="_top" data-code="S1N1">STAR</a> <ul> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N1&view_type=sm" target="_top" data-code="S2N1">스타@스타일</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N2&view_type=sm" target="_top" data-code="S2N2">스타@스캔</a> </li> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N2&view_type=sm" target="_top" data-code="S1N2">FASHION & BEAUTY</a> <ul> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N3&view_type=sm" target="_top" data-code="S2N3">패션뉴스</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N4&view_type=sm" target="_top" data-code="S2N4">뷰티뉴스</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N5&view_type=sm" target="_top" data-code="S2N5">리얼품평</a> </li> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N3&view_type=sm" target="_top" data-code="S1N3">ENTERTAINMENT</a> <ul> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N6&view_type=sm" target="_top" data-code="S2N6">드라마</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N7&view_type=sm" target="_top" data-code="S2N7">영화</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N8&view_type=sm" target="_top" data-code="S2N8">예능</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N9&view_type=sm" target="_top" data-code="S2N9">뮤직</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N10&view_type=sm" target="_top" data-code="S2N10">일반</a> </li> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N4&view_type=sm" target="_top" data-code="S1N4">LIFE & CULTURE</a> <ul> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N11&view_type=sm" target="_top" data-code="S2N11">공연/전시</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N12&view_type=sm" target="_top" data-code="S2N12">여행/레져</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N13&view_type=sm" target="_top" data-code="S2N13">여행/맛집</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N14&view_type=sm" target="_top" data-code="S2N14">건강정보</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N15&view_type=sm" target="_top" data-code="S2N15">책</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N16&view_type=sm" target="_top" data-code="S2N16">생활/문화</a> </li> </ul> </li> <li class="secline"> <a href="/news/articleList.html?sc_section_code=S1N5&view_type=sm" target="_top" data-code="S1N5">MEDIA</a> <ul> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N17&view_type=sm" target="_top" data-code="S2N17">VIDEO</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N18&view_type=sm" target="_top" data-code="S2N18">PHOTO</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N19&view_type=sm" target="_top" data-code="S2N19">BEHIND CUT</a> </li> </ul> </li> <li class="secline"> <a href="/bbs/list.html?table=bbs_1" target="_top" data-code="bbs_1">COMMUNITY</a> <ul> <li class="sub"> <a href="/bbs/list.html?table=bbs_1" target="_top" data-code="bbs_1">공지사항</a> </li> <li class="sub"> <a href="/news/articleList.html?sc_sub_section_code=S2N20&view_type=sm" target="_top" data-code="S2N20">편집인레터</a> </li> <li class="sub"> <a href="/bbs/list.html?table=bbs_2" target="_top" data-code="bbs_2">이벤트</a> </li> </ul> </li> </ul>  </article> <article class="nav-cell text-right">  <button type="button" class="user-allbtn" title="전체메뉴" data-toggle="offCanvas"><i class="icon"><span class="show-for-sr">전체메뉴 버튼</span></i></button>  <div id="userLogin" class="user-logbox"> <button type="button" class="logbox-btn"><i class="icon-profile-o"><span class="show-for-sr">회원정보</span></i></button> <ul class="user-loglist"> <li><a href="http://www.atstar1.com/member/login.html" target="_top">로그인</a></li> <li><a href="http://www.atstar1.com/member/index.html" target="_top">회원가입</a></li> </ul> </div>   <div id="userSearch" class="user-search"> <button type="button" class="sch-btns"><i class="icon-search-thin"><span class="show-for-sr">검색하기</span></i></button> <fieldset class="user-search-form"> <form name="head-search" method="get" class="clearfix" action="/news/articleList.html"> <input type="hidden" name="sc_area" value="A"> <input type="hidden" name="view_type" value="sm"> <label class="show-for-sr" for="search">기사검색</label> <input type="text" name="sc_word" id="search" onkeydown="if(event.keyCode==13){if(this.form.sc_word.value != ''){this.form.submit();}else{alert('검색어를 입력해주세요');return false;}}" placeholder="검색어 입력" title="기사검색"> <button type="button" title="기사검색" onclick="if(this.form.sc_word.value != ''){this.form.submit();}else{alert('검색어를 입력해주세요');this.form.sc_word.focus();return false;}"><i class="icon-search"><span class="show-for-sr">검색</span></i></button> </form> </fieldset> </div>  </article> </div> </nav>  </div>  <script type="text/javascript">  </script> </header>   <section id="user-container" class="posi-re text-left float-center width-1200"> <h2 class="show-for-sr">본문영역</h2> <div id="layer-popups" class="float-center width-1200"></div> <div class="posi-re float-center width-1200"><div id="floating_banner_left" class="view-aside left-wing" data-scroll="y" data-top-margin="20" data-down-margin="15" data-duration="300"> </div> <div id="floating_banner_right" class="view-aside right-wing" data-scroll="n" data-top-margin="20" data-down-margin="15" data-duration="300"> </div> </div>  <div class="posi-re float-center width-1200" id="wingBanner"> <div class="wing-banner-left"> </div> <div class="wing-banner-right"> </div> </div>  <script src="//developers.kakao.com/sdk/js/kakao.min.js"></script> <script src="https://cdn.atstar1.com/script/share.sns.js"></script> <script> var site_ismobile = ''; // 현재 모바일접속 여부 var kakaojavascriptkey = ''; // 카카오앱 자바스크립트키 var articleIdxno = '6016273'; $(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('6016273')" 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="6016273" 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=6016273" 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.08.27 10:25</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="%EC%97%94%ED%99%94%20%EA%B0%91%EC%9E%90%EA%B8%B0%20%EC%99%9C%20%EC%98%A4%EB%A5%B8%EA%B1%B8%EA%B9%8C%3F%E2%80%A6%E2%80%98%EC%84%B8%EC%83%81%20%EC%B9%9C%EC%A0%88%ED%95%9C%20%ED%99%98%EC%9C%A8%EC%88%98%EC%97%85%E2%80%99%20%EC%B6%9C%EA%B0%84" data-url="http%3A%2F%2Fwww.atstar1.com%2Fnews%2FarticleView.html%3Fidxno%3D6016273" data-desc="%EC%B5%9C%EA%B7%BC%20%ED%99%98%EC%9C%A8%EC%9D%B4%20%EC%8B%AC%EC%83%81%EC%B9%98%20%EC%95%8A%EB%8B%A4.%20%EC%B9%98%EC%86%9F%EB%8A%94%20%EC%9B%90%EB%8B%AC%EB%9F%AC%20%ED%99%98%EC%9C%A8%EC%97%90%20%EC%98%A4%EB%9E%AB%EB%8F%99%EC%95%88%20%EC%A0%80%EA%B3%B5%ED%96%89%EC%A7%84%ED%95%A0%20%EA%B2%83%20%EA%B0%99%EC%95%98%EB%8D%98%20%EC%97%94%ED%99%94%EB%8A%94%20%EC%95%BC%EA%B8%88%EC%95%BC%EA%B8%88%20%EC%98%A4%EB%A5%B4%EA%B3%A0%2C%20%EB%AF%B8%EA%B5%AD%20%EC%A4%91%EC%95%99%EC%9D%80%ED%96%89%EC%9D%98%20%EA%B2%B0%EC%A0%95%EA%B3%BC%20%EB%AF%B8%EA%B5%AD%20%EB%82%B4%EC%9D%98%20%EC%A0%95%EC%B9%98%EC%A0%81%20%EC%83%81%ED%99%A9%EC%97%90%20%EB%94%B0%EB%9D%BC%20%EB%8B%AC%EB%9F%AC%EA%B0%80%20%EC%9B%80%EC%A7%81%EC%9D%B4%EA%B3%A0%20%EA%B7%B8%EC%97%90%20%EB%94%B0%EB%9D%BC%20%EC%A0%84%20%EC%84%B8%EA%B3%84%20%EA%B2%BD%EC%A0%9C%EA%B0%80%20%EC%B6%9C%EB%A0%81%EC%9D%B8%EB%8B%A4.%20%EC%88%98%EC%B6%9C%EA%B8%B0%EC%97%85%EC%9D%98%20%EB%A7%A4%EC%B6%9C%EC%9D%80%20%EC%A2%8B%EB%8B%A4%EB%8A%94%EB%8D%B0%20%EC%9B%94%EA%B8%89%EC%9D%80%20%EA%B7%B8%EB%8C%80%EB%A1%9C%EA%B3%A0%20%EB%AC%BC%EA%B0%80%EB%8A%94%20%EC%98%AC%EB%9D%BC%20%EC%83%9D%ED%99%9C%EC%9D%80%20%ED%8C%8D%ED%8C%8D%ED%95%B4%EC%A7%80%EB%8A%94%EA%B0%80%20%ED%95%98%EB%A9%B4%2C%20%ED%95%B4%EC%99%B8%20%EC%A3%BC%EC%8B%9D%EC%9D%80%20%EB%A7%8E%EC%9D%B4%20%EC%98%AC%EB%9D%BC%20%EA%B8%B0%EB%B6%84%EC%9D%80%20%EC%A2%8B%EB%8B%A4.%20%ED%99%98%EC%9C%A8%EC%9D%B4%EB%9D%BC%EB%8A%94%20%EC%88%AB%EC%9E%90%20%ED%95%98%EB%82%98%EC%97%90%20%EC%9A%B8%EA%B3%A0%20%EC%9B%83%EB%8A%94%20%EA%B2%8C%20%EC%84%B8%EA%B3%84%20%EA%B2%BD%EC%A0%9C%20%EC%8B%9C%EB%8C%80%EB%A5%BC%20%EC%82%B4%EC%95%84%EA%B0%80%EB%8A%94%20%EC%9A%B0%EB%A6%AC%EC%9D%98%20%EC%9A%B4%EB%AA%85%EC%9D%B4%EB%9D%BC%EB%A9%B4%20%EA%B7%B8%20%EC%9B%90%EB%A6%AC%EB%A5%BC%20%EC%9D%B4%ED%95%B4%ED%95%98%EA%B3%A0%20%ED%9D%90%EB%A6%84%EC%9D%84%20%EC%82%B4%ED%94%BC%EB%8A%94%20%EA%B2%83%EC%9D%B4%20%ED%95%84%EC%9A%94%ED%95%98%EB%8B%A4.%EC%9D%B4%20%EC%B1%85%EC%9D%80%20%EA%B5%AD%EB%82%B4%20%EA%B2%BD%EC%A0%9C%20%EB%BF%90%EB%A7%8C%20%EC%95%84%EB%8B%88%EB%9D%BC%20%ED%95%B4%EC%99%B8%20%EC%A0%95%EC%B9%98%20%EC%9D%B4%EC%8A%88%EC%97%90%EC%84%9C%EA%B9%8C%EC%A7%80%20%EC%98%81%ED%96%A5%EC%9D%84%20%EB%B0%9B%EB%8A%94%20%ED%99%98%EC%9C%A8%EC%9D%98" data-image="http://www.atstar1.com/news/photo/202408/6016273_77435_1933.jpg" title="페이스북" data-clipboard-text="http://www.atstar1.com/news/articleView.html?idxno=6016273"> <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="%EC%97%94%ED%99%94%20%EA%B0%91%EC%9E%90%EA%B8%B0%20%EC%99%9C%20%EC%98%A4%EB%A5%B8%EA%B1%B8%EA%B9%8C%3F%E2%80%A6%E2%80%98%EC%84%B8%EC%83%81%20%EC%B9%9C%EC%A0%88%ED%95%9C%20%ED%99%98%EC%9C%A8%EC%88%98%EC%97%85%E2%80%99%20%EC%B6%9C%EA%B0%84" data-url="http%3A%2F%2Fwww.atstar1.com%2Fnews%2FarticleView.html%3Fidxno%3D6016273" data-desc="%EC%B5%9C%EA%B7%BC%20%ED%99%98%EC%9C%A8%EC%9D%B4%20%EC%8B%AC%EC%83%81%EC%B9%98%20%EC%95%8A%EB%8B%A4.%20%EC%B9%98%EC%86%9F%EB%8A%94%20%EC%9B%90%EB%8B%AC%EB%9F%AC%20%ED%99%98%EC%9C%A8%EC%97%90%20%EC%98%A4%EB%9E%AB%EB%8F%99%EC%95%88%20%EC%A0%80%EA%B3%B5%ED%96%89%EC%A7%84%ED%95%A0%20%EA%B2%83%20%EA%B0%99%EC%95%98%EB%8D%98%20%EC%97%94%ED%99%94%EB%8A%94%20%EC%95%BC%EA%B8%88%EC%95%BC%EA%B8%88%20%EC%98%A4%EB%A5%B4%EA%B3%A0%2C%20%EB%AF%B8%EA%B5%AD%20%EC%A4%91%EC%95%99%EC%9D%80%ED%96%89%EC%9D%98%20%EA%B2%B0%EC%A0%95%EA%B3%BC%20%EB%AF%B8%EA%B5%AD%20%EB%82%B4%EC%9D%98%20%EC%A0%95%EC%B9%98%EC%A0%81%20%EC%83%81%ED%99%A9%EC%97%90%20%EB%94%B0%EB%9D%BC%20%EB%8B%AC%EB%9F%AC%EA%B0%80%20%EC%9B%80%EC%A7%81%EC%9D%B4%EA%B3%A0%20%EA%B7%B8%EC%97%90%20%EB%94%B0%EB%9D%BC%20%EC%A0%84%20%EC%84%B8%EA%B3%84%20%EA%B2%BD%EC%A0%9C%EA%B0%80%20%EC%B6%9C%EB%A0%81%EC%9D%B8%EB%8B%A4.%20%EC%88%98%EC%B6%9C%EA%B8%B0%EC%97%85%EC%9D%98%20%EB%A7%A4%EC%B6%9C%EC%9D%80%20%EC%A2%8B%EB%8B%A4%EB%8A%94%EB%8D%B0%20%EC%9B%94%EA%B8%89%EC%9D%80%20%EA%B7%B8%EB%8C%80%EB%A1%9C%EA%B3%A0%20%EB%AC%BC%EA%B0%80%EB%8A%94%20%EC%98%AC%EB%9D%BC%20%EC%83%9D%ED%99%9C%EC%9D%80%20%ED%8C%8D%ED%8C%8D%ED%95%B4%EC%A7%80%EB%8A%94%EA%B0%80%20%ED%95%98%EB%A9%B4%2C%20%ED%95%B4%EC%99%B8%20%EC%A3%BC%EC%8B%9D%EC%9D%80%20%EB%A7%8E%EC%9D%B4%20%EC%98%AC%EB%9D%BC%20%EA%B8%B0%EB%B6%84%EC%9D%80%20%EC%A2%8B%EB%8B%A4.%20%ED%99%98%EC%9C%A8%EC%9D%B4%EB%9D%BC%EB%8A%94%20%EC%88%AB%EC%9E%90%20%ED%95%98%EB%82%98%EC%97%90%20%EC%9A%B8%EA%B3%A0%20%EC%9B%83%EB%8A%94%20%EA%B2%8C%20%EC%84%B8%EA%B3%84%20%EA%B2%BD%EC%A0%9C%20%EC%8B%9C%EB%8C%80%EB%A5%BC%20%EC%82%B4%EC%95%84%EA%B0%80%EB%8A%94%20%EC%9A%B0%EB%A6%AC%EC%9D%98%20%EC%9A%B4%EB%AA%85%EC%9D%B4%EB%9D%BC%EB%A9%B4%20%EA%B7%B8%20%EC%9B%90%EB%A6%AC%EB%A5%BC%20%EC%9D%B4%ED%95%B4%ED%95%98%EA%B3%A0%20%ED%9D%90%EB%A6%84%EC%9D%84%20%EC%82%B4%ED%94%BC%EB%8A%94%20%EA%B2%83%EC%9D%B4%20%ED%95%84%EC%9A%94%ED%95%98%EB%8B%A4.%EC%9D%B4%20%EC%B1%85%EC%9D%80%20%EA%B5%AD%EB%82%B4%20%EA%B2%BD%EC%A0%9C%20%EB%BF%90%EB%A7%8C%20%EC%95%84%EB%8B%88%EB%9D%BC%20%ED%95%B4%EC%99%B8%20%EC%A0%95%EC%B9%98%20%EC%9D%B4%EC%8A%88%EC%97%90%EC%84%9C%EA%B9%8C%EC%A7%80%20%EC%98%81%ED%96%A5%EC%9D%84%20%EB%B0%9B%EB%8A%94%20%ED%99%98%EC%9C%A8%EC%9D%98" data-image="http://www.atstar1.com/news/photo/202408/6016273_77435_1933.jpg" title="트위터" data-clipboard-text="http://www.atstar1.com/news/articleView.html?idxno=6016273"> <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="%EC%97%94%ED%99%94%20%EA%B0%91%EC%9E%90%EA%B8%B0%20%EC%99%9C%20%EC%98%A4%EB%A5%B8%EA%B1%B8%EA%B9%8C%3F%E2%80%A6%E2%80%98%EC%84%B8%EC%83%81%20%EC%B9%9C%EC%A0%88%ED%95%9C%20%ED%99%98%EC%9C%A8%EC%88%98%EC%97%85%E2%80%99%20%EC%B6%9C%EA%B0%84" data-url="http%3A%2F%2Fwww.atstar1.com%2Fnews%2FarticleView.html%3Fidxno%3D6016273" data-desc="%EC%B5%9C%EA%B7%BC%20%ED%99%98%EC%9C%A8%EC%9D%B4%20%EC%8B%AC%EC%83%81%EC%B9%98%20%EC%95%8A%EB%8B%A4.%20%EC%B9%98%EC%86%9F%EB%8A%94%20%EC%9B%90%EB%8B%AC%EB%9F%AC%20%ED%99%98%EC%9C%A8%EC%97%90%20%EC%98%A4%EB%9E%AB%EB%8F%99%EC%95%88%20%EC%A0%80%EA%B3%B5%ED%96%89%EC%A7%84%ED%95%A0%20%EA%B2%83%20%EA%B0%99%EC%95%98%EB%8D%98%20%EC%97%94%ED%99%94%EB%8A%94%20%EC%95%BC%EA%B8%88%EC%95%BC%EA%B8%88%20%EC%98%A4%EB%A5%B4%EA%B3%A0%2C%20%EB%AF%B8%EA%B5%AD%20%EC%A4%91%EC%95%99%EC%9D%80%ED%96%89%EC%9D%98%20%EA%B2%B0%EC%A0%95%EA%B3%BC%20%EB%AF%B8%EA%B5%AD%20%EB%82%B4%EC%9D%98%20%EC%A0%95%EC%B9%98%EC%A0%81%20%EC%83%81%ED%99%A9%EC%97%90%20%EB%94%B0%EB%9D%BC%20%EB%8B%AC%EB%9F%AC%EA%B0%80%20%EC%9B%80%EC%A7%81%EC%9D%B4%EA%B3%A0%20%EA%B7%B8%EC%97%90%20%EB%94%B0%EB%9D%BC%20%EC%A0%84%20%EC%84%B8%EA%B3%84%20%EA%B2%BD%EC%A0%9C%EA%B0%80%20%EC%B6%9C%EB%A0%81%EC%9D%B8%EB%8B%A4.%20%EC%88%98%EC%B6%9C%EA%B8%B0%EC%97%85%EC%9D%98%20%EB%A7%A4%EC%B6%9C%EC%9D%80%20%EC%A2%8B%EB%8B%A4%EB%8A%94%EB%8D%B0%20%EC%9B%94%EA%B8%89%EC%9D%80%20%EA%B7%B8%EB%8C%80%EB%A1%9C%EA%B3%A0%20%EB%AC%BC%EA%B0%80%EB%8A%94%20%EC%98%AC%EB%9D%BC%20%EC%83%9D%ED%99%9C%EC%9D%80%20%ED%8C%8D%ED%8C%8D%ED%95%B4%EC%A7%80%EB%8A%94%EA%B0%80%20%ED%95%98%EB%A9%B4%2C%20%ED%95%B4%EC%99%B8%20%EC%A3%BC%EC%8B%9D%EC%9D%80%20%EB%A7%8E%EC%9D%B4%20%EC%98%AC%EB%9D%BC%20%EA%B8%B0%EB%B6%84%EC%9D%80%20%EC%A2%8B%EB%8B%A4.%20%ED%99%98%EC%9C%A8%EC%9D%B4%EB%9D%BC%EB%8A%94%20%EC%88%AB%EC%9E%90%20%ED%95%98%EB%82%98%EC%97%90%20%EC%9A%B8%EA%B3%A0%20%EC%9B%83%EB%8A%94%20%EA%B2%8C%20%EC%84%B8%EA%B3%84%20%EA%B2%BD%EC%A0%9C%20%EC%8B%9C%EB%8C%80%EB%A5%BC%20%EC%82%B4%EC%95%84%EA%B0%80%EB%8A%94%20%EC%9A%B0%EB%A6%AC%EC%9D%98%20%EC%9A%B4%EB%AA%85%EC%9D%B4%EB%9D%BC%EB%A9%B4%20%EA%B7%B8%20%EC%9B%90%EB%A6%AC%EB%A5%BC%20%EC%9D%B4%ED%95%B4%ED%95%98%EA%B3%A0%20%ED%9D%90%EB%A6%84%EC%9D%84%20%EC%82%B4%ED%94%BC%EB%8A%94%20%EA%B2%83%EC%9D%B4%20%ED%95%84%EC%9A%94%ED%95%98%EB%8B%A4.%EC%9D%B4%20%EC%B1%85%EC%9D%80%20%EA%B5%AD%EB%82%B4%20%EA%B2%BD%EC%A0%9C%20%EB%BF%90%EB%A7%8C%20%EC%95%84%EB%8B%88%EB%9D%BC%20%ED%95%B4%EC%99%B8%20%EC%A0%95%EC%B9%98%20%EC%9D%B4%EC%8A%88%EC%97%90%EC%84%9C%EA%B9%8C%EC%A7%80%20%EC%98%81%ED%96%A5%EC%9D%84%20%EB%B0%9B%EB%8A%94%20%ED%99%98%EC%9C%A8%EC%9D%98" data-image="http://www.atstar1.com/news/photo/202408/6016273_77435_1933.jpg" title="URL복사" data-clipboard-text="http://www.atstar1.com/news/articleView.html?idxno=6016273"> <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_77435 float-center" data-idxno="77435" data-type="photo" style="display:inline-block; max-width:600px"><img alt="" src="https://cdn.atstar1.com/news/photo/202408/6016273_77435_1933.jpg" /> <figcaption></figcaption> </figure> </div> <p>최근 환율이 심상치 않다. 치솟는 원달러 환율에 오랫동안 저공행진할 것 같았던 엔화는 야금야금 오르고, 미국 중앙은행의 결정과 미국 내의 정치적 상황에 따라 달러가 움직이고 그에 따라 전 세계 경제가 출렁인다. 수출기업의 매출은 좋다는데 월급은 그대로고 물가는 올라 생활은 팍팍해지는가 하면, 해외 주식은 많이 올라 기분은 좋다. 환율이라는 숫자 하나에 울고 웃는 게 세계 경제 시대를 살아가는 우리의 운명이라면 그 원리를 이해하고 흐름을 살피는 것이 필요하다.</p> <p>이 책은 국내 경제 뿐만 아니라 해외 정치 이슈에서까지 영향을 받는 환율의 넓은 주제와 범위에 어려움을 겪는 독자들을 위한다. 집합성, 상대성, 모호성을 환율을 이해하는 주요 키워드로 꼽으며 환율 시장의 흐름을 설명하고 있다.</p> <p>요동치는 외환시장에서 미리 환전해두는 것이 좋은지, 정부의 고환율정책은 소비자에게 부담을 떠넘기는 것인지, 비트코인이 기존 화폐를 대체할 수 있는지, 디지털과 더욱 밀접해질 미래 경제에 대한 준비는 어떻게 해야하는지 등의 환율 전반에 대한 이야기를 담고있어 경제 공부를 시작하는 이들에게 명확하고 친절한 길잡이가 되어줄 것이다.</p> <p>(사진=미래의 창)</p> <div class="article-copy">저작권자 © 앳스타일 무단전재 및 재배포 금지</div> </article>  <div class="clearfix"> </div>  <article class="writer"> <div class="item"> <div class="account"> <em class="image" style="background-image:url(https://cdn.atstar1.com/image/newsroom/default-user.png)"></em> <strong class="name">신유림 인턴기자</strong> <a href="mailto:syl3219@atstar1.com" class="email">syl3219@atstar1.com</a> </div> </div> <div class="item text-right"> <a href="/news/articleList.html?sc_area=I&sc_word=syl3219&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="6016273" /> <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=6016273#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="6016273" /> <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="6016273" /> <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 = '6016273'; // 댓글 부모 게시물 번호 $comment.member_check = 'GUEST'; // 회원여부 $comment.member_nd = ''; // 회원여부 $comment.captcha_view = 'Y'; // 캡챠 노출 (로그인 및 권한에 따른 노출 상태) $comment.bbs_table = undefined; // 게시판 테이블 $comment.comment_orderby = 'I', // 댓글 정렬 $comment.comment_page = 1, // 댓글 페이징 $comment.comment_count = 0, // 댓글 총 갯수 $comment.commentConfigSet(); // 댓글 설정 불러오기 (중요!!) $(document).ready(function(e){ // 댓글 정렬 변경 $('#comment').on('click', '.btn-comment-orderby', function(e){ $comment.commentList('load', $comment.comment_page, $comment.comment_orderby=$(this).data('data')); // 댓글 불러오기 // $comment.moveScroll($comment.list_container); // 자동 스크롤 이동 }); // 답글 정렬 변경 $('#comment').on('click', '.btn-sub-comment-orderby', function(e){ var reply_parent_idxno = $(this).data('idxno'); $('#comment-item-'+reply_parent_idxno+'-sub .comment-sub-orderby').val($(this).data('orderby')); $comment.commentSubList(reply_parent_idxno, 'reload'); // $comment.moveScroll($comment.list_container); // 자동 스크롤 이동 }); // 댓글 더보기 $('#comment').on('click', '.btn-comment-more', function(e){ $comment.moveScroll($(this)); // 자동 스크롤 이동 $comment.commentList('add', ++$comment.comment_page, $comment.comment_orderby); // 댓글 추가하기 }); // 댓글 쓰기 $('#comment').on('click', '.btn-comment-save', function(e){ if( $comment.textLength($(this).closest('form').find('.comment-content')) ){ // 저장 이벤트 전 글자 수 체크 (스팸 방지) $comment.commentWrite($(this).closest('form')); // 댓글 저장 } }); // 댓글 쓰기 상단 이동 버튼 처리 $('#comment').on('click', '.btn-comment-write', function(e){ $comment.moveScroll($('.comment-write'), true); // 자동 스크롤 이동 $('#comment > .comment-write .comment-content').focus(); }); // 댓글 작성 글자수 제한 $('#comment').on('change keyup keydown keypress', '.comment-content', function(e){ $comment.textLength($(this)); }); // 댓글 삭제 모달 열기 $('#comment').on('click', '.btn-comment-delete', function(e){ var cmtItem = $(this).closest('.user-textbox'); $comment.reveal_delete.find('.mode').val($(this).data('mode')); $comment.reveal_delete.find('.idxno').val(cmtItem.data('idxno')); $comment.reveal_delete.find('.reply-parent-idxno').val(cmtItem.data('reply-parent-idxno')); $comment.reveal_delete.find('.user-id').val(cmtItem.data('user-id')); $comment.reveal_delete.find('.password').val(''); $comment.reveal_delete.foundation('open'); }); // 댓글 삭제 시 엔터 이벤트 $('#comment-reveal-delete .password').keydown(function(e) { if (e.keyCode == 13) return false; }); // 댓글 삭제 $('#comment-reveal-delete').on('click', '.btn-comment-delete-ok', function(e){ $comment.commentDelete($(this).closest('form')); // 댓글 삭제 }); // 댓글 답글 보기 / 더보기 $('#comment').on('click', '.btn-comment-sub', function(e){ var sub_item = $(this).closest('.comment-item'), reply_parent_idxno = sub_item.data('reply-parent-idxno'), sub_mode = $(this).data('sub-mode'); $comment.commentSubList(reply_parent_idxno, sub_mode); // 답글 보기 }); // 답글 쓰기 폼 열기 $('#comment').on('click', '.btn-comment-sub-write', function(e){ var sub_item = $(this).closest('.comment-item'), sub_write_form = sub_item.find('form[name="commentWriteForm"]'); $(this).hide(); sub_write_form.show().find('textarea.comment-content').focus(); $comment.moveScroll(sub_write_form); // 자동 스크롤 이동 }); // 댓글 추천/반대 $('#comment').on('click', '.btn-comment-vote', function(e){ var cmtItem = $(this).closest('.user-vote'); $comment.commentVote($(this), $(this).data('mode'), cmtItem.data('idxno')); // 댓글 추천/반대 }); // 댓글 작성란 비활성 이벤트 $('#comment').on('click', '.comment-write .comment-content', function(e){ if( $(this).prop('readonly') == true ){ var login_url = $(this).closest('.comment-write').find('.btn-comment-login').prop('href'); if($comment.member_check == 'GUEST') location.href=login_url; else alert('댓글 작성 권한이 없습니다. 관리자에게 문의하세요'); } }); // 댓글 옵션 레이어 토글 $('#comment').on('click', '.user-tb-h-del button', function(){ var optionBox = $(this).closest('.user-tb-h-del').find('.user-delete'); if(optionBox.is(':visible') == false){ $('.user-delete').hide(); optionBox.show(); } else optionBox.hide(); }); // 베스트 댓글 안내 $('.cl-s-explain a').on('mouseover', function(){ $(this).next('p').show(); }).on('mouseout', function(){ $(this).next('p').hide(); }); // 댓글 작성자 정보 OPEN $('#comment').on('click', '.user-comment-info', function(){ var infoId = $(this).closest('.comment-item').attr('id'); $comment.userCommentInfo($(this).closest('.user-textbox').data('user-id')); $('html, body').addClass('block'); // 댓글 작성자 정보 CLOSE $(document).on('click', '.cmt-info-block, .cmt-info-close', function(e){ var $tgPoint = $(e.target); var $commentArea = $tgPoint.closest('.cmt-info'); // .hasClass('cmt-info'); var closeBool = true; if($commentArea.length) { if(!$tgPoint.hasClass('icon-close-thin')) closeBool = false; } if(closeBool) { $('html, body').removeClass('block'); $('#userCommentInfo').remove(); } // location.href='#'+infoId; }); }); $('#comment').on('click', '.my-cmt', function(e){ $('#myIframeBox').attr("src", "/comment/myComment.html"); $('#myCommnetView').foundation('open'); }); }); </script>  <div class="clearfix"> </div>  </article> <aside class="grid side"> <div class="sticky-container" data-sticky-container> <div class="sticky" data-sticky data-anchor="articleViewCon" data-dynamic-height="true" data-check-every="0" data-margin-top="5" data-sticky-on="large">  <article class="box-skin idx--box "> <header class="header"><strong>많이 본 기사</strong></header> <section class="content"><style type="text/css"> #skin-19 > .item:not(:first-child) {margin-top:15px} #skin-19 .number, #skin-19 .auto-titles {float:left} #skin-19 .number {width:35px} #skin-19 .auto-titles {width:calc(100% - 35px)} </style> <div id="skin-19" class="auto-article"><div class="item"> <a href="/news/articleView.html?idxno=6018919" target="_top"> <strong class="number size-18 line-2x1 auto-fontA">1</strong> <span class="auto-titles size-15 line-4x2 auto-fontA onload">이찬원, 트로트가수 그만두나 “시험 봤으면 바로 합격” (불후)</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6018895" target="_top"> <strong class="number size-18 line-2x1 auto-fontA">2</strong> <span class="auto-titles size-15 line-4x2 auto-fontA onload">뉴진스 말고 유진스, ‘트롯 요정’ 전유진 생애 첫 화보</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6018899" target="_top"> <strong class="number size-18 line-2x1 auto-fontA">3</strong> <span class="auto-titles size-15 line-4x2 auto-fontA onload">박서진, 대선배 임주리와 사돈 맺나…여행 핑계로 소개팅 (살림남)</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6018923" target="_top"> <strong class="number size-18 line-2x1 auto-fontA">4</strong> <span class="auto-titles size-15 line-4x2 auto-fontA onload">‘전 남편 최민환’ 소송 건 율희, 추가 소송 결심 “성희롱 못 참아, 선처없다”</span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6018930" target="_top"> <strong class="number size-18 line-2x1 auto-fontA">5</strong> <span class="auto-titles size-15 line-4x2 auto-fontA onload">“연애-결혼 없다, 아들만 있을 뿐”…본능적으로 사는 51세 정우성</span> </a> </div> </div> </section> </article><div class="box-margins " style="margin-bottom:40px;"></div><article class="box-skin idx--box "> <header class="header"><strong>주요기사</strong></header> <section class="content"><style type="text/css"> #skin-20 > .item:not(:first-child) {margin-top:20px} #skin-20 .frame {width:60px} #skin-20 .content {display:block;width:auto;padding:9px 45px 9px 0} #skin-20 .auto-valign > .for-middle:first-child:nth-last-child(2) {display:inline-block;width:calc(100% - 60px);padding:0 18px 0 0} </style> <div id="skin-20" class="auto-article"><div class="item"> <a href="/news/articleView.html?idxno=6019141" target="_top" class="auto-valign"> <span class="content for-middle"> <em class="auto-titles size-16 line-4x2 auto-fontA onload">‘청룡 아들’ 얻은 정우성, 죽어가던 ‘청룡영화상’ 살렸다 [스타@스타일]</em> </span><span class="frame line for-middle"> <em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/custom/20241203/6019141_82618_2336_1733117016_100.jpg)"></em> </span></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019139" target="_top" class="auto-valign"> <span class="content for-middle"> <em class="auto-titles size-16 line-4x2 auto-fontA onload">청룡영화상 베스트 ‘권유리’ VS 워스트 ‘임지연’ [스타@스캔]</em> </span><span class="frame line for-middle"> <em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/custom/20241203/6019139_82610_1747_1733109467_100.jpg)"></em> </span></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019097" target="_top" class="auto-valign"> <span class="content for-middle"> <em class="auto-titles size-16 line-4x2 auto-fontA onload">휘브 “1년 동안 성장한 우리들…이젠 더 멋진 아티스트 될 것” [스타@스타일]</em> </span><span class="frame line for-middle"> <em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/custom/20241203/6019097_82521_20_1732863721_100.jpg)"></em> </span></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019107" target="_top" class="auto-valign"> <span class="content for-middle"> <em class="auto-titles size-16 line-4x2 auto-fontA onload">“멋진 의상” 있지 채령 VS “나빠요” 정윤하 [스타@스캔]</em> </span><span class="frame line for-middle"> <em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/custom/20241203/6019107_82547_4710_1732866430_100.jpg)"></em> </span></a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019067" target="_top" class="auto-valign"> <span class="content for-middle"> <em class="auto-titles size-16 line-4x2 auto-fontA onload">배현성, ‘박보검 닮은꼴’ 떼고 대세 믿보배로 우뚝 [스타@스타일]</em> </span><span class="frame line for-middle"> <em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/custom/20241203/6019067_82477_1135_1732806695_100.jpg)"></em> </span></a> </div> </div> </section> </article><div class="box-margins " style="margin-bottom:40px;"></div>  </div> </div> </aside> </section>  <div class="clearfix"> </div>  </div>  <div class="view-footer-group"> <div class="inner float-center" style="max-width:1200px"> <article class="item">  <div class="clearfix"> <article class="box-skin idx--large "> <header class="header"><strong>이 시각 추천뉴스</strong></header> <section class="content"><style type="text/css"> #skin-21 > .item {margin-top:16px} #skin-21 > .item.large {margin-top:30px;margin-bottom:25px} #skin-21 > .item:first-child {margin-top:0} .auto-article ~ #skin-21 > .item:first-child {margin-top:30px} #skin-21 .auto-images {transition:transform .5s, -ms-transform .5s} #skin-21 a:hover .auto-images {-ms-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)} #skin-21 .frame {width:180px} #skin-21 .content {display:block} #skin-21 .frame + .content {display:inline-block;width:calc(100% - 180px);padding-left:18px} #skin-21 > .item.small .auto-titles {width:calc(100% - 180px);padding-right:30px} #skin-21 .byline {width:180px;font-size:0;white-space:nowrap;text-align:right} #skin-21 .byline > em {display:inline-block;position:relative;font-size:.8125rem;line-height:1;color:rgba(0,0,0,.6);vertical-align:middle} #skin-21 .byline > em:not(:first-child) {margin-left:.375rem;padding-left:.375rem} #skin-21 .byline > em:not(:first-child)::before {content:'';overflow:hidden;position:absolute;z-index:1;left:0;top:50%;width:0;height:.625rem;border-left:1px solid rgba(0,0,0,.12);-ms-transform:translateY(-50%);transform:translateY(-50%)} </style> <div id="skin-21" class="auto-article"><div class="item large"> <a href="/news/articleView.html?idxno=6019086" target="_top" class="auto-valign"><span class="frame line for-middle"> <em class="auto-images ratio-32" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202411/6019086_82510_948_v150.jpg)"></em> </span><span class="content for-middle"> <strong class="auto-titles size-25 weight-700 line-4x2 auto-fontA onload">[뷰티뉴스] 달바, 2년 연속 '올리브영 어워즈' 수상 기념 한정 기획세트 선보인다</strong> <em class="auto-sums martop-8 size-14 line-7x2 auto-fontK">달바가 ‘비건 톤업 선크림’ 올리브영 어워즈 2년 연속 수상을 기념해 한정 기획 세트를 출시한다.달바 ‘비건 톤업 선크림’은 SPF50+ / PA++++ 의 강력한 자외선 차단 기...</em> </span> </a> </div> <div class="item small"> <a href="/news/articleView.html?idxno=6018956" target="_top" class="auto-valign"> <span class="auto-titles for-middle size-18 line-4x1 auto-fontA onload">세정그룹, 부산 티셔츠 출시…지역 상생 이어간다</span> <span class="byline for-middle"> <em>패션뉴스</em> <em>박승현 기자</em> </span> </a> </div> <div class="item small"> <a href="/news/articleView.html?idxno=6018955" target="_top" class="auto-valign"> <span class="auto-titles for-middle size-18 line-4x1 auto-fontA onload">[패션뉴스] 나우, ‘콰이어트 아웃도어’ 출시</span> <span class="byline for-middle"> <em>패션뉴스</em> <em>박승현 기자</em> </span> </a> </div> <div class="item small"> <a href="/news/articleView.html?idxno=6018888" target="_top" class="auto-valign"> <span class="auto-titles for-middle size-18 line-4x1 auto-fontA onload">[뷰티뉴스] 달바 비건 미스트 세럼, 日 앳코스메 랭킹 1위</span> <span class="byline for-middle"> <em>뷰티뉴스</em> <em>황연도 기자</em> </span> </a> </div> <div class="item small"> <a href="/news/articleView.html?idxno=6018810" target="_top" class="auto-valign"> <span class="auto-titles for-middle size-18 line-4x1 auto-fontA onload">[패션뉴스] 폴햄, 무브 다운 출시…AI와 만났다</span> <span class="byline for-middle"> <em>패션뉴스</em> <em>박승현 기자</em> </span> </a> </div> </div> </section> </article> </div>  </article> <article class="item">  <div class="clearfix"> <article class="box-skin idx--small "> <header class="header"><strong>포토뉴스</strong></header> <section class="content"><style type="text/css"> #skin-22 {overflow:hidden;position:relative;height:0;padding-bottom:100%} #skin-22 #for-22 {overflow:hidden;position:absolute;z-index:10;left:25%;top:25%;width:calc(75% - 1px);height:0;padding-bottom:calc(75% - 1px)} #skin-22 #for-22 > .item {position:relative} #skin-22 #nav-22 {position:absolute;z-index:1;width:100%;height:100%} #skin-22 #nav-22 > .item {position:absolute;z-index:1;width:calc(25% - 1px);opacity:.5;filter:alpha(opacity=50);cursor:pointer} #skin-22 #nav-22 > .item.active {opacity:1;filter:alpha(opacity=100)} #skin-22 #nav-22 > .item.active .frame::before {border-width:3px;border-color:#000} #skin-22 #nav-22 > .item.nav-1 {left:0;top:0} #skin-22 #nav-22 > .item.nav-2 {left:25%;top:0} #skin-22 #nav-22 > .item.nav-3 {left:50%;top:0} #skin-22 #nav-22 > .item.nav-4 {left:75%;top:0} #skin-22 #nav-22 > .item.nav-5 {left:75%;top:25%} #skin-22 #nav-22 > .item.nav-6 {left:75%;top:50%} #skin-22 #nav-22 > .item.nav-7 {left:75%;top:75%} #skin-22 #nav-22 > .item.nav-8 {left:50%;top:75%} #skin-22 #nav-22 > .item.nav-9 {left:25%;top:75%} #skin-22 #nav-22 > .item.nav-10 {left:0;top:75%} #skin-22 #nav-22 > .item.nav-11 {left:0;top:50%} #skin-22 #nav-22 > .item.nav-12 {left:0;top:25%} </style> <div id="skin-22" class="auto-article"><div id="for-22"><div class="item"> <a href="/news/articleView.html?idxno=6019166" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019166_82661_3518.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">‘고딩엄빠’ 또 출연한 부부…두 번째 이혼 위기로 별거 10개월 차</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019165" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019165_82659_2536.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">김일우, 61세 첫 장가갈까…짝사랑녀에 박력 “그냥 나한테 와” (신랑수업)</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019164" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019164_82658_94.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">한매연 공식입장 “뉴진스 분쟁, 대중문화산업에 악영향…매우 악질” (전문)</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019162" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019162_82655_318.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">‘돌싱포맨’ 재혼 물 건너갔다…‘메기남’ 성훈 투입에 경악</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019161" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019161_82653_1656.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">‘나솔’ 23기 결혼 시그널 터졌다 “예식장 잡으면 알려줘”</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019160" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019160_82651_156.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">김숙♥윤정수, 각서따라 결혼하려나 “약속한 2030년, 얼마 안 남아” (홈즈)</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019159" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019159_82649_4548.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">46세 윤세아, 마지막 연애 공개 “너무 사랑해서 힘들어” (솔로라서)</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019158" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019158_82647_2659.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">안정환, 오매불망 아내 사랑 “우리집 최고의 명품 ♥이혜원” (선넘은)</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019157" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019157_82645_1741.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">‘흑백요리사’ 시즌2 돌입…백종원-안성재 심사 기준 공개</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019156" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019156_82643_5658.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">자본주의 물든 신현준 아들…거액 용돈 받고 움직이는 ‘곧 사춘기’ (꽃중년)</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019155" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019155_82641_4310.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">김준호의 은우 vs 김정환의 로이…‘어펜져스’ 2세 펜싱 맞대결 (슈돌)</span> </span> </a> </div> <div class="item"> <a href="/news/articleView.html?idxno=6019154" target="_top"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/photo/202412/6019154_82639_2628.jpg)"></em></span> <span class="photo-titbg"> <span class="auto-titles size-14 line-4x1 auto-fontF onload">‘누적 연봉 1900억 원’ 추신수, 아내에게 미안함 뿐 “결혼식 못해, 출산도 혼자” (라스)</span> </span> </a> </div> </div> <div id="nav-22"><div class="item auto-cursor nav-1 active"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019166_82661_3518_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-2"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019165_82659_2536_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-3"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019164_82658_94_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-4"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019162_82655_318_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-5"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019161_82653_1656_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-6"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019160_82651_156_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-7"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019159_82649_4548_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-8"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019158_82647_2659_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-9"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019157_82645_1741_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-10"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019156_82643_5658_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-11"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019155_82641_4310_v150.jpg)"></em></span> </div> <div class="item auto-cursor nav-12"> <span class="frame line"><em class="auto-images ratio-11" style="background-image:url(https://cdn.atstar1.com/news/thumbnail/202412/6019154_82639_2628_v150.jpg)"></em></span> </div> </div> </div><script type="text/javascript"> function mosaic_autobox(data) { var $_container = $(data[0].container); var autoplay = data[0].autoplay; var autotime = data[0].autotime; var temp_autoplay = autoplay; var totalcount = $_container.find('#nav-22 > .item').length; var point = 0; $_container.on('mouseenter', '.auto-cursor', function(e){ mosaic_cmd('current', $(this).index()); }); $_container.on('mouseenter', function(e){ if(autoplay) temp_autoplay = false; }).on('mouseleave', function(e){ if(autoplay) temp_autoplay = true; }); if(autoplay) { var rolling = window.setInterval(function () { if(temp_autoplay) mosaic_cmd('next', 0); }, autotime); } function mosaic_cmd(mode, current_point) { if(mode == "prev") { point -= 1; if(point < 0) point = totalcount - 1; }else if(mode == "next") { point += 1; if(point >= totalcount) point = 0; }else if(mode == "current") { point = current_point; } $_container.find('#for-22 > .item').eq(point).show().siblings().hide(); $_container.find('#nav-22 > .item').eq(point).addClass('active').siblings().removeClass('active'); if(point < 3){ $_container.find('#for-22').css({"left":"25%","top":"25%"}); } else if(point < 6 && point >= 3) { $_container.find('#for-22').css({"left":"0","top":"25%"}); } else if(point < 9 && point >= 6) { $_container.find('#for-22').css({"left":"0","top":"0"}); } else if(point >= 9) { $_container.find('#for-22').css({"left":"25%","top":"0"}); } return false; } } (function() { //설정값 var data = [{ container:"#skin-22", autoplay:true, autotime:3000 }]; //초기실행 mosaic_autobox(data); })(); </script> </section> </article> </div>  </article> </div> </div>  </div> </div> </section>  </div> <style type="text/css"> #user-footer.type-24 {padding:50px 20px 80px;margin:1.875rem 0 0;background-color:#fff} #user-footer.type-24 > .inner {position:relative;margin:0 auto} /* navgation */ #user-footer.type-24 .footer-nav {margin:0 auto 1.875rem;font-size:0;text-align:left} #user-footer.type-24 .footer-nav > a {display:inline-block;overflow:hidden;margin-right:1.375rem;padding:0;font-size:.9375rem;font-weight:bold;line-height:1.375;color:rgba(0,0,0,.7)} #user-footer.type-24 .footer-nav > a:last-child {margin-right:0} /* gnb */ #user-footer.type-24 .footer-gnb {display:table;width:100%;table-layout:fixed} #user-footer.type-24 .footer-gnb > .gnb-cell {display:table-cell;width:100%;font-size:0;vertical-align:top} #user-footer.type-24 .footer-gnb > .gnb-cell.text-right {width:200px;padding-left:50px} /* logo */ #user-footer.type-24 .footer-gnb .user-logo {float:none;display:inline-block;margin:0;font-size:0} /* address */ #user-footer.type-24 .address {display:block;margin:0;padding:0;list-style:none} #user-footer.type-24 .address::after {content:'';display:table;clear:both} #user-footer.type-24 .address > li {float:left;font-size:.75rem;font-weight:lighter;line-height:1.625;color:#858585} #user-footer.type-24 .address > li::before {content:'';display:inline-block;overflow:hidden;width:0;height:.688rem;margin:0 .625rem;border-left:1px solid rgba(0,0,0,.15)} #user-footer.type-24 .address > li.clear {margin-left:0;clear:both} #user-footer.type-24 .address > li.copy {font-size:.813rem;color:#555} #user-footer.type-24 .address > :first-child::before, #user-footer.type-24 .address > li.clear::before {content:normal} #user-footer.type-24 .address a {color:inherit;text-decoration:none} </style>  <footer id="user-footer" class="type-24"> <div class="inner float-center width-1200"> <h2 class="show-for-sr">하단영역</h2> <nav class="footer-nav"> <h3 class="show-for-sr">하단메뉴</h3> <a href="/com/com-1.html">매체소개</a> <a href="http://www.atstar1.com/com/jb.html">기사제보</a> <a href="http://www.atstar1.com/com/ad.html">광고문의</a> <a href="/com/service.html">이용약관</a> <a href="/com/privacy.html" class="user-point">개인정보처리방침</a> <a href="/com/youthpolicy.html">청소년보호정책</a> <a href="/com/copyright.html">저작권보호정책</a> <a href="/com/emailno.html">이메일무단수집거부</a>  </nav> <article class="footer-gnb"> <div class="gnb-cell text-left"> <h3 class="show-for-sr">매체정보</h3> <ul class="address"> <li>서울특별시 강남구 학동로336, 6층(논현동, 메이트리빌딩) </li> <li>대표전화 : 02-544-7200</li> <li class="clear">법인명 : 스타일도어(주)</li> <li>제호 : 앳스타일</li> <li>등록번호 : 서울 아 01959</li> <li>발행일 : 2012년 3월 21일 </li> <li>등록일 : 2012-02-01</li> <li class="clear">발행인 : 이재환</li> <li>편집인 : 이재환 김소라</li> <li>청소년보호책임자 : 김소라</li> <li class="copy clear martop-20"> C<a href="http://www.atstar1.com/admin/adminLoginForm.html" tabindex="-1">o</a>pyright © 2024 앳스타일. <a href="http://www.atstar1.com/news/articleView.html?idxno=6016273" 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>