CINXE.COM

한경멤버스 - 한국경제 구독신청

<!-- <!DOCTYPE html> <html lang="ko"> <head> <script type="application/javascript" src="https://cdn.c360a.salesforce.com/beacon/c360a/df78c0eb-c050-4086-a2c5-473998d258fd/scripts/c360a.min.js"></script> <script type="text/javascript"> window.addEventListener("load", (event) => { SalesforceInteractions.init({ cookieDomain: "도메인입력", consents: [ { provider: "Web Provider", purpose: "Tracking", status: SalesforceInteractions.ConsentStatus.OptIn, }, ], }); SalesforceInteractions.setLoggingLevel(5); }); </script> <link rel="stylesheet" href="/hk/common.css" /> </head> <body> --> <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>한경멤버스 - 한국경제 구독신청</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="description" content="1년약정시 네이버페이 (2만원)지급, 클레이 암호화폐 이벤트, 한국경제신문, 모바일한경, 월스트리트저널, 구독신청"> <meta name="keywords" content="한국경제 구독, 모바일한경, 한경+,한국경제+,한경플러스,전자신문,e신문,전자판,한국경제신문,한경,한국경제,경제신문,뉴스,한경plus,월스트리트저널,WALL STREET JOURNAL,클레이,클레이 이벤트,암호화폐,가상화폐, KLAY, Klaytn"> <meta name="author" content="한경멤버스 - 한국경제 구독신청"> <meta property="og:title" content="한경멤버스 - 한국경제 구독신청"> <meta property="og:type" content="website"> <meta property="og:description" content="1년약정시 네이버페이 (2만원)지급, 클레이 암호화폐 이벤트, 한국경제신문, 모바일한경, 월스트리트저널, 구독신청"> <meta name="twitter:card" content="summary_large_image"> <link rel="shortcut icon" href="https://www.hankyung.com/favicon.ico"> <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"> --> <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script> --> <link rel="stylesheet" href="https://hkstatic.hankyung.com/resource/common/font/Pretendard/v1.3.9/static/pretendard.css"> <link rel="stylesheet" href="https://static.hankyung.com/plugin/swiper-8.2.6/css/swiper-bundle.min.css"> <link rel="stylesheet" href="https://static.hankyung.com/resource/members/css/common.css"> <link rel="stylesheet" href="/hk/common.css" /> <script src="https://static.hankyung.com/plugin/jquery-3.1.1.min.js"></script> <!-- <link rel="stylesheet" href="/hk/font.css"> --> <!-- <link rel="stylesheet" href="/hk/swiper.css"> --> <!-- <link rel="stylesheet" href="/hk/common.css"> --> <!-- <script src="/hk/jquery.js"></script> --> <script src="https://static.hankyung.com/plugin/swiper-8.2.6/js/swiper-bundle.min.js"></script> <!-- <script src="/hk/swiper.js"></script> --> <!--[if lt IE 9]> <script src="//static.hankyung.com/plugin/html5.js"></script> <script src="//static.hankyung.com/plugin/respond.min.js"></script> <![endif]--> <script type="text/javascript"> function getCookie(cookie_name) { var x, y; var val = document.cookie.split(';'); for (var i = 0; i < val.length; i++) { x = val[i].substr(0, val[i].indexOf('=')); y = val[i].substr(val[i].indexOf('=') + 1); x = x.replace(/^\s+|\s+$/g, ''); // 앞과 뒤의 공백 제거하기 if (x == cookie_name) { return unescape(y); // unescape로 디코딩 후 값 리턴 } } } function setCookie(cName, cValue, cDay) { var expire = new Date(); expire.setDate(expire.getDate() + cDay); cookies = cName + '=' + escape(cValue) + '; path=/ '; // 한글 깨짐을 막기위해 escape(cValue)를 합니다. if (typeof cDay != 'undefined') cookies += ';expires=' + expire.toGMTString() + ';'; document.cookie = cookies; } </script> </head> <body> <!-- GTM (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M3SZH6Z" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- NVSCRIPT --> <script type="text/javascript" src="//wcs.naver.net/wcslog.js"> </script> <script type="text/javascript"> if (!wcs_add) var wcs_add={}; wcs_add["wa"] = "s_a26188d8305"; if (!_nasa) var _nasa={}; if(window.wcs){ wcs.inflow("members.hankyung.com"); wcs_do(_nasa); } </script> <link rel="stylesheet" href="/hk/common.css" /> <script type="application/javascript" src="https://cdn.c360a.salesforce.com/beacon/c360a/df78c0eb-c050-4086-a2c5-473998d258fd/scripts/c360a.min.js"></script> <script type="text/javascript"> window.addEventListener("load", (event) => { SalesforceInteractions.init({ cookieDomain: "도메인입력", consents: [ { provider: "Web Provider", purpose: "Tracking", status: SalesforceInteractions.ConsentStatus.OptIn, }, ], }); SalesforceInteractions.setLoggingLevel(5); }); </script> <div class="wrap main"> <div class="top-banner-wrap active"> <div class="swiper banner-slide"> <div class="swiper-wrapper"> <a href="/" class="swiper-slide" style="background-color: #142c67" onclick="recordSDKTopBanner(&#39;기본 인삿말&#39;)"> <div style="color: #ffffff">한경멤버스 방문을 환영합니다, 한경의 다양한 구독상품을 만나보세요 :)</div> </a> <!-- <a href="#" class="swiper-slide" style="background-color: #333"> <div> 신규 회원가입 시 15% coupon 증정 신규 회원가입 시 15% coupon 증정 신규 회원가입 시 15% coupon 증정 <b>Download now</b> </div> </a> <a href="#" class="swiper-slide" style="background-color: #888"> <div>신규 회원가입 시 15% coupon 증정222 <b>Download now</b></div> </a> --> </div> </div> <button type="button" class="btn-close"> <span class="blind">닫기</span> </button> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.5/dist/js.cookie.min.js"></script> <script type="text/javascript"> function getCookie(cookie_name) { var x, y; var val = document.cookie.split(";"); for (var i = 0; i < val.length; i++) { x = val[i].substr(0, val[i].indexOf("=")); y = val[i].substr(val[i].indexOf("=") + 1); x = x.replace(/^\s+|\s+$/g, ""); // 앞과 뒤의 공백 제거하기 if (x == cookie_name) { return unescape(y); // unescape로 디코딩 후 값 리턴 } } } function deleteAllCookies() { var cookies = document.cookie.split(";"); for (var i = 0; i < cookies.length; i++) { var cookie = cookies[i]; var eqPos = cookie.indexOf("="); var name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie; document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT"; } } function membersMall(use) { var user_id = getCookie("UserId"); if (user_id != null) { var checkUrl = "https://crmapi.hankyung.com/api_crm/94acf2ec23d23cd6ec3f/member.asp"; //Cross-Domain의 경우 아래와 같이 jsonp로 처리해야 함. $.ajax({ type: "get", url: checkUrl, async: false, crossDomain: true, data: { searchnm: user_id, }, success: function (data) { data = JSON.parse(data); if (data.TOTAL_COUNT == "0") { if (data.DATA_LIST[0].MYN == "Y") { if (data.DATA_LIST[0].MLVL == "07") { location.href = "/shop/mall?use=" + use; } else if (data.DATA_LIST[0].MLVL == "09") { if (use == 3) { alert("지국장전용 페이지 입니다."); return; } else { location.href = "/shop/mall?use=" + use; } } else if (data.DATA_LIST[0].MLVL == "00") { if (use == 3) { alert("지국장전용 페이지 입니다."); return; } else if (use == 2) { alert("임직원전용 페이지 입니다."); return; } else if (use == 1 || use == 4) { alert("인증회원전용 페이지 입니다."); return; } else { location.href = "/shop/mall?use=5"; } } else if (data.DATA_LIST[0].MLVL == "05") { location.href = "/shop/mall?use=" + use; } } else if (data.DATA_LIST[0].MYN == "N") { if (data.DATA_LIST[0].MLVL == "07") { location.href = "/shop/mall?use=" + use; } else if (data.DATA_LIST[0].MLVL == "09") { if (use == 3) { alert("지국장전용 페이지 입니다."); return; } else { location.href = "/shop/mall?use=" + use; } } else if (data.DATA_LIST[0].MLVL == "00") { if (use == 3) { alert("지국장전용 페이지 입니다."); return; } else if (use == 2) { alert("임직원전용 페이지 입니다."); return; } else if (use == 1 || use == 4) { alert("인증회원전용 페이지 입니다."); return; } else { location.href = "/shop/mall?use=5"; } } else if (data.DATA_LIST[0].MLVL == "05") { location.href = "/shop/mall?use=" + use; } } } else { alert("회원전용 페이지 입니다."); return; } }, }); } else { location.href = "/login"; } } $(document).ready(function () { let userId = Cookies.get("mUserId"); /* 통합 로그인 유지 기능 추가 */ let tokenCookie = Cookies.get("mSsoToken"); // 토큰 쿠키 if (typeof tokenCookie === "undefined") { tokenCookie = Cookies.get("ssoToken_member"); } let checkFlag = false; // 세션 체크 필요 여부 // 쿠키에 회원 아이디가 있는 경우 if (userId) { // 마지막 세션 체크 시간 쿠키 const checkTimeCookie = Cookies.get("ssoTokenCheckTime"); if (checkTimeCookie) { const checkTime = new Date(checkTimeCookie); const today = new Date(); // 오늘 날짜와 마지막 세션 체크일의 차이를 구한다. const betweenTimeDay = Math.floor( (today.getTime() - checkTime.getTime()) / 1000 / 60 / 60 / 24 ); // 세션을 체크한지 1일이 경과한 경우 세션 체크 API를 호출한다. if (betweenTimeDay > 0) { checkFlag = true; } else { setLoginFlag(true); } } else { // 세션 체크 기록이 없으면 세션 체크 API를 호출한다. checkFlag = true; } } else { // 토큰 쿠키가 있는 경우 if (tokenCookie) { // 회원 아이디는 없는데 토큰값이 있으면 세션 상태를 체크한다. checkFlag = true; // 토큰 쿠키가 없는 경우 } else { // 회원 아이디도 없고 토큰값도 없으면 로그아웃 상태로 처리한다. setLoginFlag(false); } } // 세션 체크가 필요한 경우에만 API를 호출한다. if (checkFlag == true) { //토큰 쿠키가 존재할 경우 if (tokenCookie) { //var checkUrl = "https://member.hankyung.com/apps.frame/common_dev.check"; var checkUrl = "/api/member/common-check"; $.ajax({ url: checkUrl, data: JSON.stringify({ site: "hk.hankyung.com", token: tokenCookie, }), type: "post", contentType: "application/json", dataType: "json", success: function (result) { console.log(result); if (result.data.return_code == "0000") { console.log("정상 토큰 확인"); setLoginFlag(true); } else { console.log("비정상 토큰"); setLoginFlag(false); } //location.reload(); }, error: function (request, status, error) { console.log( "message:" + request.responseText + "\n" + "error:" + error ); }, }); } else { var badResuld = false; setLoginFlag(badResuld); } } }); function setLoginFlag(result) { // console.log("setLoginFlag : " + result); if (result == true) { // 현재 날짜를 가져온다. const now = new Date(); const year = now.getFullYear(); const month = ("0" + (now.getMonth() + 1)).slice(-2); const day = ("0" + now.getDate()).slice(-2); const dateString = year + "-" + month + "-" + day; // 브라우저 종료시 만료되는 쿠키를 셋팅한다. Cookies.set("ssoTokenCheckTime", dateString, { expires: null, path: "/", domain: "hankyung.com", }); var ssoId = Cookies.get("SSOid"); if (ssoId != undefined && ssoId != "") { Cookies.set("mUserId", ssoId, { expires: null, path: "/", domain: "hankyung.com", }); // 로그인 상태 처리 $(".btn-login").css("display", "none"); $(".btn-logout").css("display", "inline-block"); $(".btn-join").css("display", "none"); //세일즈포스 accountId 가져온다. let accountId = Cookies.get("accountId"); if (accountId == undefined || accountId == "") { $.ajax({ url: "/api/salesforce/IF_LOGIN_001", contentType: "application/json", dataType: "json", method: "post", data: JSON.stringify({ HOMEPAGE_FLAG: "HK", hankyungId: ssoId, }), success: function (result) { console.log(result.data); Cookies.set("accountId", result.data.accountId, { expires: null, path: "/", domain: "hankyung.com", }); }, error: function (request, status, error) { console.log( "message:" + request.responseText + "\n" + "error:" + error ); }, }); } } } else { // 로그아웃 상태 처리 var userId = Cookies.get("mUserId"); var tokenCookie = Cookies.get("mSsoToken"); //현재 ssoToken 쿠키가 존재한다면, 쿠키 삭제 if (tokenCookie != undefined && tokenCookie != "") { Cookies.set("mSsoToken", "", { expires: -1, path: "/", domain: "hankyung.com", }); //Cookies.set('ssoToken_member', '', { expires: -1, path: '/', domain: 'hankyung.com' }); } //userId 쿠키가 존재한다면, 쿠키 삭제 if (userId != undefined && userId != "") { Cookies.set("mUserId", "", { expires: -1, path: "/", domain: "hankyung.com", }); } $(".btn-login").css("display", "inline-block"); $(".btn-logout").css("display", "none"); $(".btn-join").css("display", "inline-block"); } } // 로그아웃 클릭 시 $(".btn-logout").click(function () { deleteAllCookies(); }); </script> <header class="header"> <script type="application/javascript" src="https://cdn.c360a.salesforce.com/beacon/c360a/df78c0eb-c050-4086-a2c5-473998d258fd/scripts/c360a.min.js" ></script> <script type="application/javascript"> window.addEventListener("load", (event) => { SalesforceInteractions.init({ cookieDomain: "도메인입력", consents: [ { provider: "Web Provider", purpose: "Tracking", status: SalesforceInteractions.ConsentStatus.OptIn, }, ], }); SalesforceInteractions.setLoggingLevel(5); }); </script> <div class="logo-wrap"> <div class="inner"> <h1 class="logo-section"> <a href="/" class="logo-short-hk" ><span class="blind">한국경제</span></a > <a href="/" class="section-title">Members</a> </h1> <div class="info-section"> <!-- ksh 20240813 오픈 미포함 <div class="top-banner is-pc"> <a href="#" target="_blank"> <img src="https://static.hankyung.com/resource/members/img/banner-top.png" alt="배너1" /></a> </div> --> <div class="login-wrap"> <a href="/join" class="btn-join">회원가입</a> <a href="/login" class="btn-login">로그인</a> <a href="/logout" class="btn-logout">로그아웃</a> </div> </div> </div> </div> <div class="gnb-wrap main-gnb"> <div class="inner-scroll"> <ul class="gnb-menu"> <!-- [D] 메뉴 활성화 클래스 : active --> <li> <a href="javascript:void(0);" class="menu-item">구독</a> <div class="sub-list"> <!-- [D] 서브메뉴 활성화 클래스 : on --> <a href="/#rep-products" class="sub-item" onclick="recordSDKGnb('정기구독')" >정기구독</a > <a href="/subscribe/package" class="sub-item" onclick="recordSDKGnb('스페셜패키지')" >스페셜패키지</a > </div> </li> <!--<li> <a href="javascript:void(0);" class="menu-item">기사액자만들기</a> <div class="sub-list"> <a href="/members/recommended/product" th:classappend="${#strings.contains(#httpServletRequest.requestURI, '/members/recommended/product')} ? 'on' : ''" class="sub-item" onclick="recordSDKGnb('제품 추천')" >기사액자만들기</a > </div> </li> --> <li> <a href="#" class="menu-item">한경SHOP&렌탈</a> <div class="sub-list" id="shopping-malls-container"> <a href="https://hk-gift.interparkb2b.co.kr/login.aspx" target="_blank" class="only-menu sub-item" onclick="recordSDKGnb('한경렌탈')" >한경렌탈</a > <a href="https://hk-rental.hankyung.com/" target="_blank" class="only-menu sub-item" onclick="recordSDKGnb('한경Mall')" >한경Mall</a > </div> </li> <li > <a href="#" class="menu-item">이벤트&추천영상</a> <div class="sub-list"> <a href="/event-ads/list-active" class="sub-item" onclick="recordSDKGnb('이벤트')" >이벤트</a > <a href="/members/winner-list" class="sub-item" onclick="recordSDKGnb('당첨자발표')" >당첨자발표</a > <a href="/members/recommended" class="sub-item" onclick="recordSDKGnb('추천영상')" >추천영상</a > </div> </li> <li> <a href="#" class="menu-item">한경Family</a> <div class="sub-list"> <a href="https://plus.hankyung.com/" target="_blank" class="only-menu sub-item" onclick="recordSDKGnb('한모바일한경')" >모바일한경</a > <a href="https://www.arte.co.kr/" target="_blank" class="only-menu sub-item" onclick="recordSDKGnb('아르떼')" >아르떼</a > <a href="https://www.hankyung.com/bioinsight" target="_blank" class="only-menu sub-item" onclick="recordSDKGnb('BIOInsight')" >BIOInsight</a > <a href="https://jrsgsg.hankyung.com/" target="_blank" class="only-menu sub-item" onclick="recordSDKGnb('주니어생글생글')" >주니어생글생글</a > <a href="https://sgsg.hankyung.com/" target="_blank" class="only-menu sub-item" onclick="recordSDKGnb('생글생글')" >생글생글</a > <a href="https://www.hankyung.com/esg/" target="_blank" class="only-menu sub-item" onclick="recordSDKGnb('한경ESG')" >한경ESG</a > <a href="https://magazine.hankyung.com/" target="_blank" class="only-menu sub-item" onclick="recordSDKGnb('한국경제매거진')" >한국경제매거진</a > </div> </li> <li > <a href="#" class="menu-item">고객센터</a> <div class="sub-list"> <a href="/center/notice" class="sub-item" onclick="recordSDKGnb('공지사항')" >공지사항</a > <a href="/center/branch" class="sub-item" onclick="recordSDKGnb('지국찾기')" >지국찾기</a > <a href="/center/faq" class="sub-item" onclick="recordSDKGnb('FAQ')" >FAQ</a > <!--<a href="/center/contact/subscribe" th:classappend="${#strings.contains(#httpServletRequest.requestURI, '/center/contact/subscribe')} ? 'on' : ''" class="sub-item" onclick="recordSDKGnb('1:1 문의')" >1:1 문의</a >--> </div> </li> </ul> <div class="my-menu"> <a href="/myhk/index" class="btn-subscribe" title="my구독" onclick="recordSDKGnb('my구독')" ><span class="is-pc">my구독</span></a > </div> </div> </div> <!-- [D] 모바일 2dept 메뉴 활성화 더블 클래스 : active --> <div class="gnb-wrap sub-gnb"> <div class="inner-scroll"> <!-- [D] 구독신청 서브메뉴 --> <ul class="gnb-menu"> <li> <a href="/#rep-products" class="menu-item" onclick="recordSDKGnb('정기구독')" >정기구독</a > </li> <li> <a href="/subscribe/package" class="menu-item" onclick="recordSDKGnb('스페셜패키지')" >스페셜패키지</a > </li> </ul> </div> </div> <!-- <div class="gnb-wrap sub-gnb"> <div class="inner-scroll"> <ul class="gnb-menu"> <li> <a href="/members/recommended/product" class="menu-item" onclick="recordSDKGnb('기사액자만들기')" >기사액자만들기</a > </li> </ul> </div> </div>--> <div class="gnb-wrap sub-gnb"> <div class="inner-scroll"> <ul class="gnb-menu" id="shopping-malls-container-mobile"> <li> <a href="https://hk-gift.interparkb2b.co.kr/login.aspx" target="_blank" class="menu-item" onclick="recordSDKGnb('한경렌탈')" >한경렌탈</a > </li> <li> <a href="https://hk-rental.hankyung.com" target="_blank" class="menu-item" onclick="recordSDKGnb('한경Mall')" >한경Mall</a > </li> </ul> </div> </div> <div class="gnb-wrap sub-gnb"> <div class="inner-scroll"> <ul class="gnb-menu"> <li> <a href="/event-ads/list-active" class="menu-item" onclick="recordSDKGnb('이벤트')" >이벤트</a > </li> <li> <a href="/members/winner-list" class="menu-item" onclick="recordSDKGnb('당첨자발표')" >당첨자발표</a > </li> <li> <a href="/members/recommended" class="menu-item" onclick="recordSDKGnb('추천영상')" >추천영상</a > </li> </ul> </div> </div> <div class="gnb-wrap sub-gnb"> <div class="inner-scroll"> <ul class="gnb-menu"> <li> <a href="https://plus.hankyung.com/" target="_blank" class="menu-item" onclick="recordSDKGnb('모바일한경')" >모바일한경</a > </li> <li> <a href="https://www.arte.co.kr/" target="_blank" class="menu-item" onclick="recordSDKGnb('아르떼')" >아르떼</a > </li> <li> <a href="https://www.hankyung.com/bioinsight" target="_blank" class="menu-item" onclick="recordSDKGnb('BIOInsight')" >BIOInsight</a > </li> <li> <a href="https://jrsgsg.hankyung.com/" target="_blank" class="menu-item" onclick="recordSDKGnb('주니어생글생글')" >주니어생글생글</a > </li> <li> <a href="https://sgsg.hankyung.com/" target="_blank" class="menu-item" onclick="recordSDKGnb('생글생글')" >생글생글</a > </li> <li> <a href="https://www.hankyung.com/esg/" target="_blank" class="menu-item" onclick="recordSDKGnb('한경ESG')" >한경ESG</a > </li> <li> <a href="https://magazine.hankyung.com/" target="_blank" class="menu-item" onclick="recordSDKGnb('한국경제매거진')" >한국경제매거진</a > </li> </ul> </div> </div> <div class="gnb-wrap sub-gnb"> <div class="inner-scroll"> <ul class="gnb-menu"> <li> <a href="/center/notice" class="menu-item" onclick="recordSDKGnb('공지사항')" >공지사항</a > </li> <li> <a href="/center/branch" class="menu-item" onclick="recordSDKGnb('지국찾기')" >지국찾기</a > </li> <li> <a href="/center/faq" class="menu-item" onclick="recordSDKGnb('FAQ')" >FAQ</a > </li> <!--<li> <a href="/center/contact/subscribe" class="menu-item" onclick="recordSDKGnb('주니어생글생글')" >1:1문의</a > </li>--> </ul> </div> </div> <script> $(document).ready(function () { $(".gnb-menu > li > a").on("click", function (e) { // e.preventDefault(); // 기본 동작(링크 이동)을 막음 var index = $(this).parent().index(); // 클릭된 메뉴의 인덱스를 가져옴 // 모든 sub-gnb에서 active 클래스 제거 $(".sub-gnb").removeClass("active"); // 클릭된 메뉴의 인덱스에 해당하는 sub-gnb에 active 클래스 추가 $(".sub-gnb").eq(index).addClass("active"); }); }); function recordSDKGnb(name) { SDKTrackElement("members", "click_Gnb", name); return true; } document.addEventListener("DOMContentLoaded", function () { fetch("/api/shopping-malls") .then((response) => response.json()) .then((data) => { // PC const container = document.getElementById("shopping-malls-container"); container.innerHTML = ""; data.forEach((mall) => { if (!mall.isActiveMallCategory) { return; } const mallElement = document.createElement("a"); mallElement.href = mall.externalLink ?? `/shop/mall?use=1&title=${mall.categoryName}`; mallElement.innerHTML = `${mall.categoryName ?? "null"}`; mallElement.className = "only-menu sub-item"; mallElement.target = mall.useExternalLink ? "_blank" : "_self"; mallElement.onclick = `recordSDKGnb('${mall.categoryName}')`; container.appendChild(mallElement); }); //Mobile const containerMobile = document.getElementById( "shopping-malls-container-mobile" ); containerMobile.innerHTML = ""; data.forEach((mall) => { if (!mall.isActiveMallCategory) { return; } const mallElement = document.createElement("li"); const mallLink = document.createElement("a"); mallLink.href = mall.externalLink ?? `/shop/mall?use=1&title=${mall.categoryName}`; mallLink.innerHTML = `${mall.categoryName ?? "null"}`; mallLink.className = "menu-item"; mallLink.target = mall.useExternalLink ? "_blank" : "_self"; mallLink.onclick = `recordSDKGnb('${mall.categoryName}')`; mallElement.appendChild(mallLink); containerMobile.appendChild(mallElement); }); }) .catch((error) => console.error("Error fetching shopping malls:", error) ); }); </script> </header> <div class="visual-top"> <div class="swiper main-slide"> <div class="swiper-wrapper"> <div class="swiper-slide position-relative" style="background-color: #f5f5f5"> <a href="https://members.hankyung.com/event-ads/75/detail" target="_blank" onclick="recordSDKMainBanner(&#39;한경 독자 감사 이벤트&#39;)"> <picture> <source srcset="https://hksadmin.hankyung.com/api/files/ZkqOOZOUGVCbWcsUqZsxLGbSZdoaFXKtIJA.png" media="(min-width : 720px)" /> <img src="https://hksadmin.hankyung.com/api/files/LtKZTLCYyzICPKGsRLeabPusSSaALdWELdm.png" alt="한경 독자 감사 이벤트" /> </picture> </a> <!-- <div class="inner"> <div class="tit-area"> <div class="visual-tit" th:text="${banner.mall_ban_title}"></div> <p class="sub-txt" th:text="${banner.mall_ban_subtitle}"></p> </div> </div> --> </div> <div class="swiper-slide position-relative" style="background-color: #7dc9fa"> <a href="https://members.hankyung.com/event-ads/76/detail" target="_blank" onclick="recordSDKMainBanner(&#39;한경렌탈 연말 이벤트&#39;)"> <picture> <source srcset="https://hksadmin.hankyung.com/api/files/NDSBuNMLwauOIgDHSAaBRnznSSARLOyWhRL.png" media="(min-width : 720px)" /> <img src="https://hksadmin.hankyung.com/api/files/gUsWBFKTFhDslclBHbtHFmcPJdvCZmVaXdT.png" alt="한경렌탈 연말 이벤트" /> </picture> </a> <!-- <div class="inner"> <div class="tit-area"> <div class="visual-tit" th:text="${banner.mall_ban_title}"></div> <p class="sub-txt" th:text="${banner.mall_ban_subtitle}"></p> </div> </div> --> </div> <div class="swiper-slide position-relative" style="background-color: #cce9ff"> <a href="https://members.hankyung.com/subscribe/rep?no=186" target="_self" onclick="recordSDKMainBanner(&#39;신문 Standard 연납 구독료 할인&#39;)"> <picture> <source srcset="https://hksadmin.hankyung.com/api/files/YoeLzAQhevtIfioPXYqprCCwaiPZFZSuKHr.png" media="(min-width : 720px)" /> <img src="https://hksadmin.hankyung.com/api/files/tZHxEgfnObfGpRuEvGsLRuQrAdkBEcvVPEB.png" alt="신문 Standard 연납 구독료 할인" /> </picture> </a> <!-- <div class="inner"> <div class="tit-area"> <div class="visual-tit" th:text="${banner.mall_ban_title}"></div> <p class="sub-txt" th:text="${banner.mall_ban_subtitle}"></p> </div> </div> --> </div> <div class="swiper-slide position-relative" style="background-color: #fff5aa"> <a href="https://members.hankyung.com/subscribe/package/view?mallPrdId=195" target="_self" onclick="recordSDKMainBanner(&#39;한국경제신문X밀리의서재&#39;)"> <picture> <source srcset="https://hksadmin.hankyung.com/api/files/MuGGZhHsjrhGaAIkBiZmHfHTTTgkQRFvAwJ.png" media="(min-width : 720px)" /> <img src="https://hksadmin.hankyung.com/api/files/xiauYLAQAkygNPKmAUfyNIKXjjsRqAFqLdI.png" alt="한국경제신문X밀리의서재" /> </picture> </a> <!-- <div class="inner"> <div class="tit-area"> <div class="visual-tit" th:text="${banner.mall_ban_title}"></div> <p class="sub-txt" th:text="${banner.mall_ban_subtitle}"></p> </div> </div> --> </div> <div class="swiper-slide position-relative" style="background-color: #ff617b"> <a href="https://members.hankyung.com/subscribe/package/view?mallPrdId=253" target="_self" onclick="recordSDKMainBanner(&#39;한국경제신문X티빙&#39;)"> <picture> <source srcset="https://hksadmin.hankyung.com/api/files/xtsbjdZDVrKGMGHPaqUbZGsLCrbvFTfwjXO.png" media="(min-width : 720px)" /> <img src="https://hksadmin.hankyung.com/api/files/RDgeMpBKjxbOEFuBeqpwKkhpaueOIbkOJiI.png" alt="한국경제신문X티빙" /> </picture> </a> <!-- <div class="inner"> <div class="tit-area"> <div class="visual-tit" th:text="${banner.mall_ban_title}"></div> <p class="sub-txt" th:text="${banner.mall_ban_subtitle}"></p> </div> </div> --> </div> </div> <div class="slide-control"> <div class="swiper-button-prev"> <span class="blind">이전</span> </div> <div class="swiper-pagination"></div> <div class="slide-status"> <button type="button" class="btn-pause"> <span class="blind">일시정지</span> </button> <!-- <button type="button" class="btn-pause play"><span class="blind">재생</span></button> <button type="button" class="btn-pause stop"><span class="blind">정지</span></button> --> </div> <div class="swiper-button-next"> <span class="blind">다음</span> </div> </div> <span class="swiper-notification"></span> </div> </div> <div class="contents"> <div class="cont-slide cont-area" id="rep-products"> <h2 class="cont-tit"> <span class="txt-color">한국경제.</span> 대표 구독 상품 </h2> <div class="cont-inner"> <div class="swiper main-subs"> <div class="swiper-wrapper"> <div class="swiper-slide cont-item item1"> <div class="subs-info"> <strong class="sub-tit">신문 Standard</strong> <!-- <ul class="cont-info" th:utext="${repProduct.description}">--> <!-- <li>- 신문구독</li> <li>- 모바일한경</li> <li>- 주니어 생글생글</li> <li>- 주니어 생글생글</li> --> <!-- </ul>--> <div class="price"> 월<span>25,000</span>원 </div> </div> <p class="subs-desc">신문 + 모바일한경</p> <div class="item-img"> <img src="https://hksadmin.hankyung.com/api/files/ynZCQKmHBeaqIgOkMrOdyiHMmRrDgXpucCh.png" alt="베이직" /> </div> <div class="btn-area"> <a href="/subscribe/rep?no=186&amp;student=true" class="btn-view" onclick="recordSDKRepProduct('대학생할인')">대학생할인</a> <a href="/subscribe/rep?no=186" class="btn-view" onclick="recordSDKRepProduct('구독신청')">구독신청</a> </div> </div> <div class="swiper-slide cont-item item2"> <div class="subs-info"> <strong class="sub-tit">신문 Premium</strong> <!-- <ul class="cont-info" th:utext="${repProduct.description}">--> <!-- <li>- 신문구독</li> <li>- 모바일한경</li> <li>- 주니어 생글생글</li> <li>- 주니어 생글생글</li> --> <!-- </ul>--> <div class="price"> 월<span>30,000</span>원 </div> </div> <p class="subs-desc">신문+모바일한경+WSJ</p> <div class="item-img"> <img src="https://hksadmin.hankyung.com/api/files/uFoAzsNyGAydKfcbdlbNVnqTpLtEGxAoLWI.png" alt="베이직" /> </div> <div class="btn-area"> <a href="/subscribe/rep?no=187&amp;student=true" class="btn-view" onclick="recordSDKRepProduct('대학생할인')">대학생할인</a> <a href="/subscribe/rep?no=187" class="btn-view" onclick="recordSDKRepProduct('구독신청')">구독신청</a> </div> </div> <div class="swiper-slide cont-item item3"> <div class="subs-info"> <strong class="sub-tit">모바일 Standard</strong> <!-- <ul class="cont-info" th:utext="${repProduct.description}">--> <!-- <li>- 신문구독</li> <li>- 모바일한경</li> <li>- 주니어 생글생글</li> <li>- 주니어 생글생글</li> --> <!-- </ul>--> <div class="price"> 월<span>15,000</span>원 </div> </div> <p class="subs-desc">모바일한경 (프리미엄 디지털 신문)</p> <div class="item-img"> <img src="https://hksadmin.hankyung.com/api/files/zSoewXgmAuAoMIdYajbYixbSMSVEoueEVfc.png" alt="베이직" /> </div> <div class="btn-area"> <a href="/subscribe/rep?no=188&amp;student=true" class="btn-view" onclick="recordSDKRepProduct('대학생할인')">대학생할인</a> <a href="/subscribe/rep?no=188" class="btn-view" onclick="recordSDKRepProduct('구독신청')">구독신청</a> </div> </div> <div class="swiper-slide cont-item item4"> <div class="subs-info"> <strong class="sub-tit">모바일 Premium</strong> <!-- <ul class="cont-info" th:utext="${repProduct.description}">--> <!-- <li>- 신문구독</li> <li>- 모바일한경</li> <li>- 주니어 생글생글</li> <li>- 주니어 생글생글</li> --> <!-- </ul>--> <div class="price"> 월<span>20,000</span>원 </div> </div> <p class="subs-desc">모바일한경 + WSJ (전자판)</p> <div class="item-img"> <img src="https://hksadmin.hankyung.com/api/files/lWeMQYEfHRLRUTjVKwyjCaxZnOIrOwCZzsP.png" alt="베이직" /> </div> <div class="btn-area"> <a href="/subscribe/rep?no=189&amp;student=true" class="btn-view" onclick="recordSDKRepProduct('대학생할인')">대학생할인</a> <a href="/subscribe/rep?no=189" class="btn-view" onclick="recordSDKRepProduct('구독신청')">구독신청</a> </div> </div> <div class="swiper-slide cont-item item1"> <div class="subs-info"> <strong class="sub-tit">모바일한경 초판</strong> <!-- <ul class="cont-info" th:utext="${repProduct.description}">--> <!-- <li>- 신문구독</li> <li>- 모바일한경</li> <li>- 주니어 생글생글</li> <li>- 주니어 생글생글</li> --> <!-- </ul>--> <div class="price"> 월<span>120,000</span>원 </div> </div> <p class="subs-desc">모바일한경 초판</p> <div class="item-img"> <img src="https://hksadmin.hankyung.com/api/files/AGUfCQdRvEPwXtzFiRImdYPGhkmrzEAhNJO.png" alt="베이직" /> </div> <div class="btn-area"> <a href="/subscribe/rep?no=190" class="btn-view" onclick="recordSDKRepProduct('구독신청')">구독신청</a> </div> </div> </div> <div class="slide-control"> <div class="swiper-button-prev"> <span class="blind">이전</span> </div> <div class="swiper-button-next"> <span class="blind">다음</span> </div> </div> </div> </div> </div> <div class="cont-slide cont-area"> <h2 class="cont-tit"> <span class="txt-color">한경 스페셜패키지,</span> 구독과 구독을 결합하다. </h2> <div class="cont-inner"> <div class="swiper special-subs"> <div class="swiper-wrapper"> <div class="swiper-slide cont-item item-head"> <strong class="sub-tit" >구독을 더 특별하게, 한경 스페셜패키지를 만나보세요</strong > <div class="cont-bottom"> <a href="/subscribe/package" class="btn-default">패키지 더보기</a> </div> </div> <div class="swiper-slide cont-item" > <a href="/subscribe/package/view?mallPrdId=243" class="thumb-img" onclick="recordSDKPackageProduct(&#39;[매거진한경] 패키지&#39;)" > <img width="360" height="300" src="https://hksadmin.hankyung.com/api/files/zoOGmJDPpsWSbyIpQkaWNCbVorWLgCLKayN.jpg" alt="[매거진한경] 패키지" /> </a> <div class="txt-cont"> <a href="/subscribe/package/view?mallPrdId=243" class="sub-tit" onclick="recordSDKPackageProduct(&#39;[매거진한경] 패키지&#39;)" >[매거진한경] 패키지</a> <span class="sub-txt" >신문 + 모바일한경 + WSJ + 매거진한경 (한경비즈니스/한경머니 中 택1)</span> <span class="txt-color" >180,000원</span> </div> </div> <div class="swiper-slide cont-item" > <a href="/subscribe/package/view?mallPrdId=195" class="thumb-img" onclick="recordSDKPackageProduct(&#39;[밀리의서재] 패키지&#39;)" > <img width="360" height="300" src="https://hksadmin.hankyung.com/api/files/EUoYybnhjedIwfnfiwAUkMSsgxnHjRVMpjo.jpg" alt="[밀리의서재] 패키지" /> </a> <div class="txt-cont"> <a href="/subscribe/package/view?mallPrdId=195" class="sub-tit" onclick="recordSDKPackageProduct(&#39;[밀리의서재] 패키지&#39;)" >[밀리의서재] 패키지</a> <span class="sub-txt" >신문 + 모바일한경 + 밀리의서재 + WSJ</span> <span class="txt-color" >80,000원</span> </div> </div> <div class="swiper-slide cont-item" > <a href="/subscribe/package/view?mallPrdId=253" class="thumb-img" onclick="recordSDKPackageProduct(&#39;[티빙] 패키지&#39;)" > <img width="360" height="300" src="https://hksadmin.hankyung.com/api/files/fyQeDXrFNoGNoULjroXuLobipGnHsJxmvkF.jpg" alt="[티빙] 패키지" /> </a> <div class="txt-cont"> <a href="/subscribe/package/view?mallPrdId=253" class="sub-tit" onclick="recordSDKPackageProduct(&#39;[티빙] 패키지&#39;)" >[티빙] 패키지</a> <span class="sub-txt" >모바일한경 + 신문 + WSJ + 티빙 (일반형/광고형)</span> <span class="txt-color" >80,000원</span> </div> </div> <div class="swiper-slide cont-item" > <a href="/subscribe/package/view?mallPrdId=255" class="thumb-img" onclick="recordSDKPackageProduct(&#39;[윌라] 패키지&#39;)" > <img width="360" height="300" src="https://hksadmin.hankyung.com/api/files/bKbVxuFQcvYbOdTOhMzjnwWoPcgALyDdCjs.jpg" alt="[윌라] 패키지" /> </a> <div class="txt-cont"> <a href="/subscribe/package/view?mallPrdId=255" class="sub-tit" onclick="recordSDKPackageProduct(&#39;[윌라] 패키지&#39;)" >[윌라] 패키지</a> <span class="sub-txt" >모바일한경 + 윌라</span> <span class="txt-color" >75,000원</span> </div> </div> <div class="swiper-slide cont-item" > <a href="/subscribe/package/view?mallPrdId=254" class="thumb-img" onclick="recordSDKPackageProduct(&#39;[웰컴기프트] 패키지&#39;)" > <img width="360" height="300" src="https://hksadmin.hankyung.com/api/files/VtzNkkUjiSOIVItJAyeoqJvOFjtDVGLbTYH.jpg" alt="[웰컴기프트] 패키지" /> </a> <div class="txt-cont"> <a href="/subscribe/package/view?mallPrdId=254" class="sub-tit" onclick="recordSDKPackageProduct(&#39;[웰컴기프트] 패키지&#39;)" >[웰컴기프트] 패키지</a> <span class="sub-txt" >모바일한경 + 신문 + 네이버페이</span> <span class="txt-color" >22,500원</span> </div> </div> <div class="swiper-slide cont-item" > <a href="/subscribe/package/view?mallPrdId=252" class="thumb-img" onclick="recordSDKPackageProduct(&#39;[한경세트] 패키지&#39;)" > <img width="360" height="300" src="https://hksadmin.hankyung.com/api/files/ZEhktbXndypqkejgKImgNkgOczSFfxSZtFs.jpg" alt="[한경세트] 패키지" /> </a> <div class="txt-cont"> <a href="/subscribe/package/view?mallPrdId=252" class="sub-tit" onclick="recordSDKPackageProduct(&#39;[한경세트] 패키지&#39;)" >[한경세트] 패키지</a> <span class="sub-txt" >신문 + 모바일한경 + 인기 매거진</span> <span class="txt-color" >310,000원</span> </div> </div> </div> <div class="slide-control"> <div class="swiper-button-prev"> <span class="blind">이전</span> </div> <div class="swiper-button-next"> <span class="blind">다음</span> </div> </div> </div> </div> </div> <!-- [D] 소개 영역 --> <div class="cont-slide cont-area"> <h2 class="cont-tit"> <span class="txt-color">왜</span> 한경일까요? </h2> <div class="cont-inner"> <div class="swiper intro-wrap"> <div class="swiper-wrapper"> <div class="swiper-slide cont-item item-head"> <strong class="sub-tit">한경을 읽으면 <span class="txt-color">돈</span>이 보입니다</strong> </div> <!-- [D] 아이콘이미지, 텍스트 관리자 지정 --> <div class="swiper-slide cont-item"> <div class="intro-icon"> <img src="https://static.hankyung.com/resource/members/img/icon-intro1.svg" alt="한국경제신문" /> </div> <div class="txt-cont"> <strong class="sub-tit">한국경제신문</strong> <span class="sub-txt">시장경제에 가장<br /> 충실한 1등 경제신문</span> </div> </div> <div class="swiper-slide cont-item"> <div class="intro-icon"> <img src="https://static.hankyung.com/resource/members/img/icon-intro2.svg" alt="The Wall Street Journal" /> </div> <div class="txt-cont"> <strong class="sub-tit">The Wall Street Journal</strong> <span class="sub-txt">세계 최고 경제지<br /> 월스트리트저널 국내 독점 제공</span> </div> </div> <div class="swiper-slide cont-item"> <div class="intro-icon"> <img src="https://static.hankyung.com/resource/members/img/icon-intro3.svg" alt="한경글로벌마켓" /> </div> <div class="txt-cont"> <strong class="sub-tit">한경글로벌마켓</strong> <span class="sub-txt">해외투자도 역시<br /> 한경과 함께</span> </div> </div> <div class="swiper-slide cont-item"> <div class="intro-icon"> <img src="https://static.hankyung.com/resource/members/img/icon-intro4.svg" alt="모바일한경" /> </div> <div class="txt-cont"> <strong class="sub-tit">모바일한경</strong> <span class="sub-txt">언제 어디서나<br /> 한국경제신문을 전자판으로, 간편하게</span> </div> </div> <div class="swiper-slide cont-item"> <div class="intro-icon"> <img src="https://static.hankyung.com/resource/members/img/icon-intro5.svg" alt="한경 뉴스레터" /> </div> <div class="txt-cont"> <strong class="sub-tit">한경 뉴스레터</strong> <span class="sub-txt">매일 받아보는 한경만의<br /> 다양한 콘텐츠</span> </div> </div> <div class="swiper-slide cont-item"> <div class="intro-icon"> <img src="https://static.hankyung.com/resource/members/img/icon-intro6.svg" alt="한경멤버스" /> </div> <div class="txt-cont"> <strong class="sub-tit">한경멤버스</strong> <span class="sub-txt">한경 독자만이 누릴 수<br /> 있는 특별한 혜택</span> </div> </div> </div> <div class="slide-control"> <div class="swiper-button-prev"> <span class="blind">이전</span> </div> <div class="swiper-button-next"> <span class="blind">다음</span> </div> </div> </div> </div> </div> <!-- [D] 추천영상 영역 --> <div class="cont-slide cont-area"> <h2 class="cont-tit"><span class="txt-color">한경.</span> 추천영상</h2> <div class="cont-inner"> <div class="swiper video-wrap"> <div class="swiper-wrapper"> <a name="82" href="/members/recommended/view?mall_recommended_id=82" class="swiper-slide cont-item" > <div class="thumb"> <img src="https://hksadmin.hankyung.com/api/files/fdqSLVqeTPYjblCEvVjUkXyIHlHGGAttvyf.jpg" alt="경제신문을 봤더니 또다른 세상이 보였다 | 20240713 #모닝루틴 번외편 EP.01 [경제신문 활용법]" /> </div> <span class="thumb-vod">비디오 뉴스</span> </a><a name="83" href="/members/recommended/view?mall_recommended_id=83" class="swiper-slide cont-item" > <div class="thumb"> <img src="https://hksadmin.hankyung.com/api/files/DLYvuBSibAialNbADyfRPRcYlfraoRoeVAi.jpg" alt="신문사의 하루를 통해 본 경제신문 읽는 법 / 슬기생 ep.3" /> </div> <span class="thumb-vod">비디오 뉴스</span> </a><a name="95" href="/members/recommended/view?mall_recommended_id=95" class="swiper-slide cont-item" > <div class="thumb"> <img src="https://hksadmin.hankyung.com/api/files/PjfIYZLMuKBenBGbDvCCbDrZUpHWAlqeNqz.jpg" alt="휴학하고 제일 바쁜 인간 n잡러의 일상 모음집 | 파자마 런칭?? 첫 속눈썹펌, 시즈니 앨범깡, 어버이날 청소연구소 후기, 아나운서 학원까쥐…" /> </div> <span class="thumb-vod">비디오 뉴스</span> </a><a name="87" href="/members/recommended/view?mall_recommended_id=87" class="swiper-slide cont-item" > <div class="thumb"> <img src="https://hksadmin.hankyung.com/api/files/nUEHffQWwdoUJkQgJjxWKZDWYCzcOLdMCef.jpg" alt="경제신문 핵심만 쏙쏙 골라먹는 법 | 지면신문 구독 2년차가 알려주는 꿀팁 총정리" /> </div> <span class="thumb-vod">비디오 뉴스</span> </a><a name="89" href="/members/recommended/view?mall_recommended_id=89" class="swiper-slide cont-item" > <div class="thumb"> <img src="https://hksadmin.hankyung.com/api/files/geCwjaFsEjpcDAcfDeIpQTRzmIHMJuUvxeP.jpg" alt="경제신문 읽기, 진짜 돈이 되네요? 인증해요! feat.한국경제" /> </div> <span class="thumb-vod">비디오 뉴스</span> </a> <div class="swiper-slide cont-item" role="group" aria-label="3 / 7"> <!-- <strong class="sub-tit">The Wall Street Journal</strong> <span class="sub-txt" >세계 최고 경제지<br /> 월스트리트저널 국내 독정 제공</span > --> <div class="container"> <div class="text-section"> <b>영상 속 한경을 만나보세요!</b> <a href="/members/recommended" class="button">추천영상 더보기</a> </div> <div class="icon-section"> <div class="icon"> <img src="https://static.hankyung.com/resource/members/img/icon-intro3.svg" alt="한경글로벌마켓" /> <!-- Replace with appropriate icon if needed --> </div> </div> </div> </div> </div> <div class="slide-control"> <div class="swiper-button-prev"> <span class="blind">이전</span> </div> <div class="swiper-button-next"> <span class="blind">다음</span> </div> </div> </div> </div> </div> <!-- ksh 20240813 오픈 미포함 <th:block th:replace="home-page/fragments/SpecialEvent"></th:block> --> <!-- [D] 이벤트 영역 --> <div class="cont-slide cont-area"> <h2 class="cont-tit"> <span class="txt-color">한경 애독자를 위한!</span> 특별한 이벤트!! </h2> <div class="cont-inner"> <div class="swiper event-wrap"> <div class="swiper-wrapper main-event"> <!-- [D] 글자색, background 이미지 관리자 지정 --> <!-- <a th:each="list : ${eventList}" th:href="'/members/event/view?no='+${list.mall_e_id}" class="swiper-slide cont-item" th:style="|color:#fff; background-image:url('${list.mall_e_img}')|" > <span class="sub-txt">한국경제신문 창간 55주년</span> <strong class="sub-tit">모바일한경 회원가입 이벤트</strong> <div class="cont-bottom"></div> </a> --> <div class="swiper-slide cont-item event-head"> <strong class="sub-tit" >한경멤버스에서 진행중인<br class="is-pc" /> 특별한 이벤트를 확인해보세요!</strong > <div class="cont-bottom"> <a href="/event-ads/list-active" class="btn-default">이벤트 더보기</a> </div> </div> <a class="swiper-slide cont-item" style="color:#fff; background-image:url(&#39;https://hksadmin.hankyung.com/api/files/XpmbOmEBNqafcyTwlWQfFWoHjkoLhMYjALS.png&#39;)" href="/event-ads/74/detail" > <span class="sub-txt" >한경 추천하고 선물받자!</span > <strong class="sub-tit" >한경 친구 추천 EVENT</strong > <div class="cont-bottom"></div> </a><a class="swiper-slide cont-item" style="color:#fff; background-image:url(&#39;https://hksadmin.hankyung.com/api/files/jKAJWsCAnAGZpIzuwkVsUApLcxdCWvLvAOa.jpg&#39;)" href="/event-ads/75/detail" > <span class="sub-txt" >한경 가족을 위해 마련한 혜택</span > <strong class="sub-tit" >한경 독자 감사 이벤트</strong > <div class="cont-bottom"></div> </a><a class="swiper-slide cont-item" style="color:#fff; background-image:url(&#39;https://hksadmin.hankyung.com/api/files/KwlslRGmwIsQIxghASuumZjSmtHAuffmYOG.png&#39;)" href="/event-ads/76/detail" > <span class="sub-txt" >한경렌탈에서 백화점 상품권 받자!</span > <strong class="sub-tit" >한경렌탈 연말 이벤트</strong > <div class="cont-bottom"></div> </a> </div> <div class="slide-control"> <div class="swiper-button-prev"> <span class="blind">이전</span> </div> <div class="swiper-button-next"> <span class="blind">다음</span> </div> </div> </div> </div> </div> <div class="cont-area contact-wrap"> <div class="inner"> <ul class="contact-area"> <li class="cont-item contact-num"> <div class="tel-area"> <em class="contact-tit">독자센터</em> <a href="tel:1577-5454">1577-5454</a> </div> <span class="contact-txt" >평일 오전 9시 ~ 오후 6시<br />공휴일은 1:1문의를 이용해 주세요.</span > </li> <li class="cont-item"> <a href="/center/faq" style="height: auto"> <em class="contact-tit">FAQ</em> <span class="contact-txt">자주 묻는 질문을 모았습니다.</span> </a> </li> <li class="cont-item"> <a href="/center/contact/subscribe" style="height: auto"> <em class="contact-tit">1:1 문의</em> <span class="contact-txt">이용에 대한 문의를 남겨주세요.</span> </a> </li> <!--<li class="cont-item contact-kakao" style="display: flex; align-items: center" > <a href="https://pf.kakao.com/_xfxjLpj" target="_blank" style="height: auto" > <em class="contact-tit"><span class="blind">카카오 문의</span></em> <span class="contact-txt">카카오 상담하기</span> </a> </li>--> </ul> </div> </div> </div> <footer class="footer"> <div class="inner"> <div class="foot-row"> <div class="foot-info"> <span class="item">대표자: 김정호</span> <span class="item">주소: 서울시 중구 청파로 463 한국경제신문사 빌딩</span> <span class="item">사업자등록번호: 110-81-07390</span> <span class="item">통신판매업신고번호: 중구02559호</span> </div> <div class="foot-policy"> <a href="https://www.hankyung.com/help/policy" class="item">이용약관</a> <a href="https://www.hankyung.com/help/privacy" class="item privacy">개인정보처리방침</a> <a href="https://www.hankyung.com/help/helpyouthpolicy" class="item">청소년보호방침</a> </div> </div> <p class="copyright"><span class="txt-en">Copyright 1999-2024.</span> 한경닷컴 <span class="txt-en">All rights reserved.</span></p> <div class="foot-row"> <strong class="tit">한국경제<span class="txt-en">Family</span></strong> <div class="foot-family"> <a href="https://www.wowtv.co.kr/" target="_blank" class="item">한국경제TV</a> <a href="https://magazine.hankyung.com/" target="_blank" class="item">한국경제매거진</a> <a href="https://bp.hankyung.com/" target="_blank" class="item"><span class="txt-en">Book</span></a> <a href="https://www.artetv.co.kr/" target="_blank" class="item">한경arteTV</a> <a href="https://tenasia.hankyung.com/" target="_blank" class="item">텐아시아</a> <a href="https://www.kedglobal.com/" target="_blank" class="item"><span class="txt-en">KED Global</span></a> </div> </div> </div> </footer> <div class="quick-menu"> <ul> <li class="quick-home"> <a href="/" onclick="recordSDKQuickBar('홈')"><span class="blind">홈</span></a> </li> <li class="quick-mobilhk"> <a href="https://plus.hankyung.com" target="_blank" onclick="recordSDKQuickBar('모바일한경')"><span class="blind">모바일한경</span></a> </li> <!--<li class="quick-kakao"> <a href="https://pf.kakao.com/_xfxjLpj" target="_blank" onclick="recordSDKQuickBar('카톡상담톡')"><span class="blind">카톡상담톡</span></a> </li>--> <li class="quick-coupon"> <a href="/my-members/coupon" onclick="recordSDKQuickBar('쿠폰')"><span class="blind">쿠폰</span></a> </li> <!-- <li class="quick-event"><a href="#"><span class="blind">이벤트</span></a></li>--> <li class="quick-my"> <a href="/myhk/index" onclick="recordSDKQuickBar('마이한경')"><span class="blind">마이한경</span></a> </li> </ul> </div> <!-- <th:block th:insert="hf/quick-menu"></th:block> --> </div> <div id="modal-container"> <div> <!-- Modal Template --> <div class="layer-pop" id="popup-${iter.index}"> <div class="pop-inner"> <div class="pop-body"> <!-- Render both mobile and desktop content --> <a href="https://event.hankyung.com/mfc2025" class="popup-content" data-mobile-content="&lt;p&gt;&lt;img alt=&quot;&quot; src=&quot;https://hksadmin.hankyung.com/api/files/tcaVNwjRgtWzOiMDhCdTUPvyUVYhLMYlmNA.png&quot; /&gt;&lt;/p&gt;" data-desktop-content="&lt;p&gt;&lt;img alt=&quot;&quot; src=&quot;https://hksadmin.hankyung.com/api/files/utdDvjpVfuoeXkermPeuzspNtmoArWaYbUX.png&quot; /&gt;&lt;/p&gt;" onclick="recordSDKMainPopup(&#39;오늘 하루 그만보기&#39;)"> <!-- Content will be updated by JavaScript --> </a> </div> <div class="pop-footer"> <div class="form-checkbox"> <input type="checkbox" id="today-close-69" /> <label for="today-close-69">오늘 하루 보지않기</label> </div> <div class="btn-close-wrap"> <button type="button" class="btn-pop-close" onclick="closePopup(69);"> <span class="txt">닫기</span> </button> </div> </div> </div> </div> </div> </div> <style> .container { display: flex; align-items: center; padding: 20px; border-radius: 10px; width: 300px; height: 90%; margin: auto; font-family: Arial, sans-serif; } .text-section { flex: 1; margin-right: 20px; } .text-section h2 { margin: 0; font-size: 18px; font-weight: normal; } .button { display: inline-block; padding: 10px 20px; border: 1px solid #000; border-radius: 20px; text-decoration: none; font-size: 14px; color: #000; margin-top: 10px; } .icon-section { flex: 0; display: flex; align-items: center; } .icon { width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; border-radius: 10px; font-size: 24px; } .icon i { color: #ff0000; } </style> <script type="text/javascript" src="/js/sdk.js"></script> <script type="text/javascript"> window.onload = SDKTrackPage("member", "view_main"); function recordSDKTopBanner(bannerName) { SDKTrackElement("members", "click_mainTopBanner", bannerName); return true; } function recordSDKMainBanner(bannerName) { SDKTrackElement("members", "click_mainBanner", bannerName); return true; } function recordSDKMainPopup(popupName) { SDKTrackElement("members", "click_mainPopup", popupName); return true; } function recordSDKRepProduct(productName) { SDKTrackElement("members", "click_mainRegProduct", productName); return true; } function recordSDKPackageProduct(productName) { SDKTrackElement("members", "click_mainPkgProduct", productName); return true; } function recordSDKQuickBar(name) { SDKTrackElement("members", "click_quickBar", name); return true; } const banners = [{"id":132,"inUse":1,"startDate":"2024-11-13T00:00:00.000+09:00","endDate":"2025-01-31T00:00:00.000+09:00","bannerPath":"https:\/\/members.hankyung.com\/event-ads\/75\/detail","bannerName":"\uD55C\uACBD \uB3C5\uC790 \uAC10\uC0AC \uC774\uBCA4\uD2B8","target":"_blank","bannerPcUrl":"https:\/\/hksadmin.hankyung.com\/api\/files\/ZkqOOZOUGVCbWcsUqZsxLGbSZdoaFXKtIJA.png","bannerMobileUrl":"https:\/\/hksadmin.hankyung.com\/api\/files\/LtKZTLCYyzICPKGsRLeabPusSSaALdWELdm.png","backgroundColorCode":"#f5f5f5","orderNumber":1,"isActive":1},{"id":133,"inUse":1,"startDate":"2024-11-11T00:00:00.000+09:00","endDate":"2024-12-31T00:00:00.000+09:00","bannerPath":"https:\/\/members.hankyung.com\/event-ads\/76\/detail","bannerName":"\uD55C\uACBD\uB80C\uD0C8 \uC5F0\uB9D0 \uC774\uBCA4\uD2B8","target":"_blank","bannerPcUrl":"https:\/\/hksadmin.hankyung.com\/api\/files\/NDSBuNMLwauOIgDHSAaBRnznSSARLOyWhRL.png","bannerMobileUrl":"https:\/\/hksadmin.hankyung.com\/api\/files\/gUsWBFKTFhDslclBHbtHFmcPJdvCZmVaXdT.png","backgroundColorCode":"#7dc9fa","orderNumber":2,"isActive":1},{"id":129,"inUse":1,"startDate":"2024-11-05T00:00:00.000+09:00","endDate":"2024-12-31T00:00:00.000+09:00","bannerPath":"https:\/\/members.hankyung.com\/subscribe\/rep?no=186","bannerName":"\uC2E0\uBB38 Standard \uC5F0\uB0A9 \uAD6C\uB3C5\uB8CC \uD560\uC778","target":"_self","bannerPcUrl":"https:\/\/hksadmin.hankyung.com\/api\/files\/YoeLzAQhevtIfioPXYqprCCwaiPZFZSuKHr.png","bannerMobileUrl":"https:\/\/hksadmin.hankyung.com\/api\/files\/tZHxEgfnObfGpRuEvGsLRuQrAdkBEcvVPEB.png","backgroundColorCode":"#cce9ff","orderNumber":3,"isActive":1},{"id":127,"inUse":1,"startDate":"2024-11-05T00:00:00.000+09:00","endDate":"2025-12-31T00:00:00.000+09:00","bannerPath":"https:\/\/members.hankyung.com\/subscribe\/package\/view?mallPrdId=195","bannerName":"\uD55C\uAD6D\uACBD\uC81C\uC2E0\uBB38X\uBC00\uB9AC\uC758\uC11C\uC7AC","target":"_self","bannerPcUrl":"https:\/\/hksadmin.hankyung.com\/api\/files\/MuGGZhHsjrhGaAIkBiZmHfHTTTgkQRFvAwJ.png","bannerMobileUrl":"https:\/\/hksadmin.hankyung.com\/api\/files\/xiauYLAQAkygNPKmAUfyNIKXjjsRqAFqLdI.png","backgroundColorCode":"#fff5aa","orderNumber":4,"isActive":1},{"id":128,"inUse":1,"startDate":"2024-11-05T00:00:00.000+09:00","endDate":"2025-12-31T00:00:00.000+09:00","bannerPath":"https:\/\/members.hankyung.com\/subscribe\/package\/view?mallPrdId=253","bannerName":"\uD55C\uAD6D\uACBD\uC81C\uC2E0\uBB38X\uD2F0\uBE59","target":"_self","bannerPcUrl":"https:\/\/hksadmin.hankyung.com\/api\/files\/xtsbjdZDVrKGMGHPaqUbZGsLCrbvFTfwjXO.png","bannerMobileUrl":"https:\/\/hksadmin.hankyung.com\/api\/files\/RDgeMpBKjxbOEFuBeqpwKkhpaueOIbkOJiI.png","backgroundColorCode":"#ff617b","orderNumber":5,"isActive":1}]; var popupList = [{"mall_p_id":69,"mall_p_hit":0,"mall_p_status":1,"mall_p_type":2,"mall_p_grand":1,"mall_p_print":"\uC624\uB298 \uD558\uB8E8 \uADF8\uB9CC\uBCF4\uAE30","mall_p_width":0,"mall_p_heigth":0,"mall_p_top":0,"mall_p_bottom":0,"mall_p_start_date":"2024-11-21 00:00:00","mall_p_end_date":"2024-11-30 00:00:00","mall_p_btn":1,"mall_p_title":"2025 \uBAA8\uBC14\uC77C \uD504\uB7F0\uD2F0\uC5B4 \uCF58\uD37C\uB7F0\uC2A4","mall_p_content":null,"mall_p_href":"https:\/\/event.hankyung.com\/mfc2025","mall_p_pc":1,"mall_p_mb":1,"mall_p_mb_content":"<p><img alt=\"\" src=\"https:\/\/hksadmin.hankyung.com\/api\/files\/tcaVNwjRgtWzOiMDhCdTUPvyUVYhLMYlmNA.png\" \/><\/p>","mall_p_pc_content":"<p><img alt=\"\" src=\"https:\/\/hksadmin.hankyung.com\/api\/files\/utdDvjpVfuoeXkermPeuzspNtmoArWaYbUX.png\" \/><\/p>"}]; console.log("Popup List: "); console.log(popupList); </script> <script> const repProducts = [{"repProductId":186,"repProductName":"\uC2E0\uBB38 Standard","repComposition":"\uC2E0\uBB38 + \uBAA8\uBC14\uC77C\uD55C\uACBD","salePrice":25000.0,"isStudent":true,"isAnnual":true,"isProductClassification":false,"isNonMember":false,"inUse":true,"orderNumber":4,"imageUrl":"https:\/\/hksadmin.hankyung.com\/api\/files\/ynZCQKmHBeaqIgOkMrOdyiHMmRrDgXpucCh.png","content":"<p><span style=\"font-size:18px;\"><strong>[\uBC30\uC1A1 \uBC0F \uC2E0\uCCAD\uC548\uB0B4]<\/strong><\/span><\/p>\n\n<p>\u0026nbsp;<\/p>\n\n<p><span style=\"font-size:18px;\">- \uD574\uB2F9 \uC0C1\uD488 \uAD6C\uB3C5 \uC2E0\uCCAD \uD6C4 \uC601\uC5C5\uC77C \uAE30\uC900 \uC57D 1~3\uC77C \uD6C4 \uC2E0\uBB38 \uBC30\uB2EC\uC774 \uC2DC\uC791\uB429\uB2C8\uB2E4.<br \/>\n- \uAD6C\uB3C5 \uC2E0\uCCAD \uB0B4\uC5ED\uC740 \uC2E0\uBB38 \uBC30\uB2EC \uC2DC\uC791\uC77C\uBD80\uD130 \uC870\uD68C\uAC00 \uAC00\uB2A5\uD569\uB2C8\uB2E4.<br \/>\n- \uC5F0\uB0A9 \uC0C1\uD488\uC740 \uD560\uC778 \uC81C\uACF5\uC73C\uB85C \uC778\uD574 \uC57D\uC815 \uC0AC\uC740\uD488 \uC9C0\uAE09\uC774 \uBD88\uAC00\uD569\uB2C8\uB2E4.<br \/>\n- 1\uB144 \uC120\uB0A9 20% \uD560\uC778\uC740 \uB300\uD559\uC0DD \uD560\uC778 \uD61C\uD0DD\uACFC \uC911\uBCF5 \uC801\uC6A9\uC774 \uBD88\uAC00\uD569\uB2C8\uB2E4.<\/span><\/p>\n\n<p>\u0026nbsp;<\/p>\n\n<p><span style=\"font-size:18px;\"><strong>[\uACB0\uC81C \uC548\uB0B4]<\/strong><\/span><\/p>\n\n<p><span style=\"font-size:18px;\">- \uBCF8 \uC0C1\uD488\uC740 \uD6C4\uBD88 \uACB0\uC81C \uC0C1\uD488\uC774\uBA70, \uACC4\uC88C \uC790\uB3D9\uC774\uCCB4\/\uCE74\uB4DC \uC790\uB3D9\uC774\uCCB4 \uC911 \uC120\uD0DD\uD558\uC5EC \uB0A9\uBD80 \uAC00\uB2A5\uD569\uB2C8\uB2E4.<br \/>\n- (\uCE74\uB4DC) \uC6D4 \uCD08 \uC2E0\uCCAD\uC2DC \uB2F9\uC6D4 26\uC77C \/ \uC6D4 \uC911\uC21C~\uB9D0 \uC2E0\uCCAD\uC2DC \uC775\uC6D4 26\uC77C\uC5D0 \uCD9C\uAE08\uB429\uB2C8\uB2E4.<br \/>\n- (\uACC4\uC88C) \uC6D4 \uCD08 \uC2E0\uCCAD\uC2DC \uB2F9\uC6D4 25\uC77C \/ \uC6D4 \uC911\uC21C~\uB9D0 \uC2E0\uCCAD\uC2DC \uC775\uC6D4 25\uC77C\uC5D0 \uCD9C\uAE08\uB429\uB2C8\uB2E4.<br \/>\n- \uCD9C\uAE08\uC77C\uC774 \uACF5\uD734\uC77C \uBC0F \uC8FC\uB9D0\uC778 \uACBD\uC6B0 \uB2E4\uC74C \uC601\uC5C5\uC77C\uC5D0 \uCD9C\uAE08\uB429\uB2C8\uB2E4.<br \/>\n- \uACC4\uC88C \uC790\uB3D9\uC774\uCCB4\uC758 \uACBD\uC6B0, \uC794\uC561\uBD80\uC871 \uACC4\uC88C\uC624\uB958 \uB4F1 \uCD9C\uAE08\uC774 \uB418\uC9C0 \uC54A\uC744 \uC2DC \uC6D4 \uB9D0\uC77C\uC5D0 \uC7AC\uCD9C\uAE08 \uC694\uCCAD\uC774 \uC9C4\uD589\uB429\uB2C8\uB2E4.<\/span><\/p>\n\n<p>\u0026nbsp;<\/p>\n\n<p><strong><span style=\"font-size:18px;\">[\uC57D\uC815 \uC720\uC758\uC0AC\uD56D]<\/span><\/strong><\/p>\n\n<p><span style=\"font-size:18px;\"><strong>(\uB124\uC774\uBC84\uD398\uC774)<\/strong><br \/>\n- \uB124\uC774\uBC84\uD398\uC774\uB294 \uCCAB \uAD6C\uB3C5\uB8CC \uB0A9\uC785 \uD6C4 \uC775\uC6D4 20\uC77C\uACBD \uC5F0\uB77D\uCC98\uB85C \uBC1C\uC1A1\uB429\uB2C8\uB2E4.<br \/>\n- \uB124\uC774\uBC84\uD398\uC774 \uC0AC\uC6A9 \uB4F1\uB85D\uC740 \uBC1C\uC1A1 \uD6C4 60\uC77C \uC774\uB0B4\uC774\uBA70, \uAE30\uAC04\uB9CC\uB8CC \uD6C4 \uC0AC\uC6A9\uBD88\uAC00 \uAC74\uC5D0 \uB300\uD558\uC5EC \uBCF8\uC0AC\uB294 \uC77C\uCCB4\uC758 \uCC45\uC784\uC744 \uC9C0\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.<br \/>\n- \uC57D\uC815\uAE30\uAC04 \uB0B4 \uAD6C\uB3C5 \uD574\uC9C0 \uC2DC \uBC1B\uC73C\uC2E0 \uB124\uC774\uBC84\uD398\uC774\uC5D0 \uB300\uD55C \uAE08\uC561\uC744 \uC804\uC561 \uD658\uBD88\uD558\uC154\uC57C \uD569\uB2C8\uB2E4.<\/span><\/p>\n\n<p><span style=\"font-size:18px;\"><strong>(\uC8FC\uB2C8\uC5B4 \uC0DD\uAE00\uC0DD\uAE00)<\/strong><br \/>\n- \uC8FC\uB2C8\uC5B4\uC0DD\uAE00\uC0DD\uAE00\uC740 \uAD6C\uB3C5 \uC2E0\uCCAD\uC77C\uB85C\uBD80\uD130 1~2\uC8FC \uB0B4 \uC77C\uBC18 \uC6B0\uD3B8 \uBC1C\uC1A1\uB429\uB2C8\uB2E4.<br \/>\n- \uC57D\uC815\uAE30\uAC04 \uB0B4 \uAD6C\uB3C5 \uD574\uC9C0 \uC2DC, \uC81C\uACF5\uB41C \uC8FC\uB2C8\uC5B4\uC0DD\uAE00\uC0DD\uAE00 \uC815\uAC00 (\uC6D4 8,000\uC6D0 X \uAD6C\uB3C5 \uAC1C\uC6D4)\uB97C \uC704\uC57D\uAE08\uC73C\uB85C \uBC18\uD658\uD558\uC154\uC57C \uD569\uB2C8\uB2E4.<\/span><\/p>\n\n<p>\u0026nbsp;<\/p>\n\n<p><strong><span style=\"font-size:18px;\">[\uAD6C\uB3C5 \uBCC0\uACBD \uBC0F \uD574\uC9C0]<\/span><\/strong><\/p>\n\n<p><span style=\"font-size:18px;\">- \uD574\uB2F9 \uC0C1\uD488\uC740 \uD6C4\uBD88 \uC0C1\uD488 \uD2B9\uC131\uC0C1 \uACE0\uAC1D\uC13C\uD130\uB97C \uD1B5\uD574 \uAD6C\uB3C5 \uBCC0\uACBD \uBC0F \uD574\uC9C0 \uCC98\uB9AC\uAC00 \uAC00\uB2A5\uD569\uB2C8\uB2E4.<br \/>\n- \uD55C\uACBD\uBA64\uBC84\uC2A4 1:1 \uBB38\uC758 \uB610\uB294 \uACE0\uAC1D\uC13C\uD130 (1577-5454)\uB85C \uBB38\uC758 \uC811\uC218 \uBC14\uB78D\uB2C8\uB2E4.<\/span><\/p>\n\n<p>\u0026nbsp;<\/p>\n\n<p style=\"text-align: center;\">\u0026nbsp;<\/p>\n\n<p><img alt=\"\" src=\"https:\/\/hksadmin.hankyung.com\/api\/files\/nUMILzhUpnbvIWOaNhuLDHBVAZjNjLITcoj.jpg\" style=\"width: 100%; height: 100%;\" \/><\/p>\n\n<p><img alt=\"\" src=\"https:\/\/hksadmin.hankyung.com\/api\/files\/YHPTHEfrBCbryvQQLLnjsVQFVdIIvDTEpoj.jpg\" style=\"width: 100%; height: 100%;\" \/><\/p>\n\n<p><img alt=\"\" src=\"https:\/\/hksadmin.hankyung.com\/api\/files\/AoqTSciGLJiugYwubIfWGIjTIVrOYbjZfCc.jpg\" style=\"width: 100%; height: 100%;\" \/><\/p>\n","applicationProductType":"REP_PRODUCT","banners":[]},{"repProductId":187,"repProductName":"\uC2E0\uBB38 Premium","repComposition":"\uC2E0\uBB38+\uBAA8\uBC14\uC77C\uD55C\uACBD+WSJ","salePrice":30000.0,"isStudent":true,"isAnnual":true,"isProductClassification":false,"isNonMember":false,"inUse":true,"orderNumber":5,"imageUrl":"https:\/\/hksadmin.hankyung.com\/api\/files\/uFoAzsNyGAydKfcbdlbNVnqTpLtEGxAoLWI.png","content":"<p><img alt=\"\" src=\"https:\/\/hksadmin.hankyung.com\/api\/files\/tTjMtoiCeyhPrwbgVqAvmdQAKeGzMohAJTJ.jpg\" style=\"width: 100%; height: 100%;\" \/><\/p>\n\n<p><img alt=\"\" src=\"https:\/\/hksadmin.hankyung.com\/api\/files\/DdJdsotVHZdrVWdKaYLiiRelFjXRcUZpfAU.jpg\" style=\"width: 100%; height: 100%;\" \/><\/p>\n\n<p><img alt=\"\" src=\"https:\/\/hksadmin.hankyung.com\/api\/files\/aWurgDIUqstTYBzZcdzWQyKwlOGhqkqgTjk.jpg\" style=\"width: 100%; height: 100%;\" \/><\/p>\n","applicationProductType":"REP_PRODUCT","banners":[]},{"repProductId":188,"repProductName":"\uBAA8\uBC14\uC77C Standard","repComposition":"\uBAA8\uBC14\uC77C\uD55C\uACBD (\uD504\uB9AC\uBBF8\uC5C4 \uB514\uC9C0\uD138 \uC2E0\uBB38)","salePrice":15000.0,"isStudent":true,"isAnnual":true,"isProductClassification":false,"isNonMember":false,"inUse":true,"orderNumber":6,"imageUrl":"https:\/\/hksadmin.hankyung.com\/api\/files\/zSoewXgmAuAoMIdYajbYixbSMSVEoueEVfc.png","content":"<p><img alt=\"\" src=\"https:\/\/hksadmin.hankyung.com\/api\/files\/WKSPuQHUpbeloeDCBGlsJJdhTwpghFkHRkF.jpg\" style=\"width: 100%; height: 100%;\" \/><\/p>\n","applicationProductType":"REP_PRODUCT","banners":[]},{"repProductId":189,"repProductName":"\uBAA8\uBC14\uC77C Premium","repComposition":"\uBAA8\uBC14\uC77C\uD55C\uACBD + WSJ (\uC804\uC790\uD310)","salePrice":20000.0,"isStudent":true,"isAnnual":true,"isProductClassification":false,"isNonMember":false,"inUse":true,"orderNumber":7,"imageUrl":"https:\/\/hksadmin.hankyung.com\/api\/files\/lWeMQYEfHRLRUTjVKwyjCaxZnOIrOwCZzsP.png","content":"<p><img alt=\"\" src=\"https:\/\/hksadmin.hankyung.com\/api\/files\/xrIRJvgxWcqquqejomlNxRVRFwvGsVMcjmH.jpg\" style=\"width: 100%; height: 100%;\" \/><\/p>\n","applicationProductType":"REP_PRODUCT","banners":[]},{"repProductId":190,"repProductName":"\uBAA8\uBC14\uC77C\uD55C\uACBD \uCD08\uD310","repComposition":"\uBAA8\uBC14\uC77C\uD55C\uACBD \uCD08\uD310","salePrice":120000.0,"isStudent":false,"isAnnual":true,"isProductClassification":true,"isNonMember":false,"inUse":true,"orderNumber":8,"imageUrl":"https:\/\/hksadmin.hankyung.com\/api\/files\/AGUfCQdRvEPwXtzFiRImdYPGhkmrzEAhNJO.png","content":"<p><span style=\"font-size:20px;\"><strong>\uBAA8\uBC14\uC77C\uD55C\uACBD \uCD08\uD310 \uAD6C\uC131 |<\/strong> \uBAA8\uBC14\uC77C\uD55C\uACBD \uCD08\uD310<\/span><\/p>\n\n<p>\u0026nbsp;<\/p>\n\n<p><span style=\"font-size:20px;\"><strong>\uBAA8\uBC14\uC77C\uD55C\uACBD \uD504\uB9AC\uBBF8\uC5C4 \uCD08\uD310 \uAD6C\uC131 |<\/strong> \uBAA8\uBC14\uC77C\uD55C\uACBD \uCD08\uD310 + WSJ \uC804\uC790\uD310<\/span><\/p>\n\n<p>\u0026nbsp;<\/p>\n\n<p><span style=\"font-size:18px;\">- \uBAA8\uBC14\uC77C\uD55C\uACBD \uCD08\uD310 \uC11C\uBE44\uC2A4\uB294 \uC804\uC77C \uC624\uD6C4 6\uC2DC\uACBD \uBC1C\uD589\uB418\uB294 \uCD08\uD310\uBD80\uD130 \uBC1C\uD589\uB418\uB294 \uD310\uBCC4 \uC11C\uBE44\uC2A4\uB97C \uC5F4\uB78C\uD558\uC2E4 \uC218 \uC788\uC2B5\uB2C8\uB2E4. (\uC804\uC77C \uC624\uD6C4 6\uC2DC\uBD80\uD130 \uB2E4\uC74C \uB0A0 \uC0C8\uBCBD 2\uC2DC\uAE4C\uC9C0 \uD310\uBCC4 \uBC1C\uD589)<\/span><\/p>\n\n<p><span style=\"font-size:18px;\">- \uCD08\uD310 \uAD6C\uB3C5\uC740 PC\uC640 \uBAA8\uBC14\uC77C \uAE30\uAE30 \uAC01 1\uB300\uAE4C\uC9C0 \uC774\uC6A9 \uAC00\uB2A5\uD569\uB2C8\uB2E4.<\/span><\/p>\n\n<p>\u0026nbsp;<\/p>\n\n<p>\u0026nbsp;<\/p>\n\n<p><img alt=\"\" src=\"https:\/\/hksadmin.hankyung.com\/api\/files\/FxAnnCKDeQJpAGljbisLzzkVMESvCMjQuri.jpg\" style=\"width: 100%; height: 100%;\" \/><\/p>\n","applicationProductType":"REP_PRODUCT","banners":[]}]; </script> <!-- [D] 퍼블화면 확인용 --> <script type="text/javascript"> $(document).ready(function () { //상단 탑배너 슬라이드 var bannerSlide = new Swiper(".banner-slide", { loop: true, autoHeight: true, autoplay: { delay: 3000, }, }); //상단 탑배너 닫기 버튼 클릭시 $(".top-banner-wrap .btn-close").click(function () { $(this).parents(".top-banner-wrap").removeClass("active"); }); //상단 메인 슬라이드 const mainSlide = new Swiper(".main-slide", { //effect: "fade", loop: true, // autoplay: { // delay: 3000, // //disableOnInteraction: false // }, pagination: { el: ".swiper-pagination", type: "fraction", formatFractionCurrent: function (currentNum) { return "0" + currentNum; }, formatFractionTotal: function (e) { return "0" + e; }, }, navigation: { nextEl: ".main-slide .swiper-button-next", prevEl: ".main-slide .swiper-button-prev", }, }); //상단 슬라이드 재생 정지 버튼 var status = 0; $(".btn-pause").click(function () { if (status == 0) { $(".btn-pause").addClass("play"); mainSlide.autoplay.stop(); status = 1; } else { $(".btn-pause").removeClass("play"); mainSlide.autoplay.start(); status = 0; } }); // 리스트 슬라이드 $(".cont-slide").each(function (i, d) { var sliderEach = $(this).find(".swiper")[0]; var prevBtn = $(d).find(".swiper-button-prev")[0]; var nextBtn = $(d).find(".swiper-button-next")[0]; var listSlide = new Swiper(sliderEach, { slidesPerView: "auto", breakpoints: { 1160: { navigation: { nextEl: nextBtn, prevEl: prevBtn, }, }, }, }); }); }); </script> <script> // Function to detect if the device is mobile const popups = document.querySelectorAll(".layer-pop"); // Function to check if the device is mobile function isMobile() { const userAgent = navigator.userAgent.toLowerCase(); const isMobile = /android|iphone|ipad|ipod|blackberry|windows phone/i.test(userAgent); return isMobile; } function closePopup(index) { const checkbox = document.getElementById("today-close-" + index); if (checkbox && checkbox.checked) { localStorage.setItem("closedToday-" + index, "true"); } // Hide the current popup popups[0].classList.remove("show"); } // Function to check if the user opted not to show popups today function isClosedToday(index) { return localStorage.getItem("closedToday-" + index) === "true"; } document.addEventListener("DOMContentLoaded", () => { const popups = document.querySelectorAll(".layer-pop"); let currentIndex = 0; // Function to show the correct popup based on stored preferences function showPopup() { if (isClosedToday(popupList[0].mall_p_id)) { console.log("a"); popups.forEach((popup) => popup.classList.remove("show")); } else { console.log("b"); if (popups.length > 0) { popups.forEach((popup, i) => { if (i === currentIndex) { popup.classList.add("show"); } else { popup.classList.remove("show"); } }); } } } // Initialize content based on device type document .querySelectorAll(".popup-content") .forEach((contentElement) => { const mobileContent = contentElement.getAttribute( "data-mobile-content" ); const desktopContent = contentElement.getAttribute( "data-desktop-content" ); contentElement.innerHTML = isMobile() ? mobileContent : desktopContent; }); // Show the correct popup on page load showPopup(); // Attach event handlers to close buttons const closeButtons = document.querySelectorAll(".btn-pop-close"); closeButtons.forEach((button, index) => { button.addEventListener("click", () => { closePopup(popupList[0].mall_p_id); }); }); }); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10