It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://www.bostonkorea.com/rss/news_rss.php

  1. <!doctype html>
  2. <html lang="ko">
  3. <head>
  4. <meta charset="utf-8">
  5. <!-- Phase 1-1: 외부 도메인 preconnect (preview=v2) — 첫 방문 핸드셰이크 단축 -->
  6. <link rel="preconnect" href="https://bostonkorea.nyc3.digitaloceanspaces.com" crossorigin>
  7. <link rel="preconnect" href="https://pagead2.googlesyndication.com" crossorigin>
  8. <link rel="preconnect" href="https://www.googletagmanager.com">
  9. <link rel="preconnect" href="https://cdn.onesignal.com" crossorigin>
  10. <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
  11. <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
  12. <link rel="preconnect" href="https://t1.kakaocdn.net" crossorigin>
  13. <link rel="preconnect" href="https://www.youtube.com">
  14. <link rel="dns-prefetch" href="//vanplenetworks.com">
  15. <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10,user-scalable=yes">
  16. <meta name="HandheldFriendly" content="true">
  17. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  18. <meta name="format-detection" content="telephone=no">
  19.  
  20. <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/img/apple-touch-icon-57x57.png" />
  21. <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/img/apple-touch-icon-114x114.png" />
  22. <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/img/apple-touch-icon-72x72.png" />
  23. <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/img/apple-touch-icon-144x144.png" />
  24. <link rel="apple-touch-icon-precomposed" sizes="60x60" href="/img/apple-touch-icon-60x60.png" />
  25. <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/img/apple-touch-icon-120x120.png" />
  26. <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/img/apple-touch-icon-76x76.png" />
  27. <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/img/apple-touch-icon-152x152.png" />
  28. <link rel="icon" type="image/png" href="/img/favicon-196x196.png" sizes="196x196" />
  29. <link rel="icon" type="image/png" href="/img/favicon-96x96.png" sizes="96x96" />
  30. <link rel="icon" type="image/png" href="/img/favicon-32x32.png" sizes="32x32" />
  31. <link rel="icon" type="image/png" href="/img/favicon-16x16.png" sizes="16x16" />
  32. <link rel="icon" type="image/png" href="/img/favicon-128.png" sizes="128x128" />
  33. <meta name="application-name" content="보스톤코리아"/>
  34. <meta name="msapplication-TileColor" content="#FFFFFF" />
  35. <meta name="msapplication-TileImage" content="/img/mstile-144x144.png" />
  36.  
  37. <meta name="msapplication-square70x70logo" content="/img/mstile-70x70.png" />
  38. <meta name="msapplication-square150x150logo" content="/img/mstile-150x150.png" />
  39. <meta name="msapplication-wide310x150logo" content="/img/mstile-310x150.png" />
  40. <meta name="msapplication-square310x310logo" content="/img/mstile-310x310.png" />
  41.  
  42.  
  43.  
  44. <title>뉴스  페이지 | 보스톤코리아</title>
  45.  
  46.  
  47.        <link rel="canonical" href="https://bostonkorea.com/news" />
  48. <link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css?ver=2605061">
  49. <link rel="stylesheet" href="https://bostonkorea.com/theme/purewhite/skin/latest/basic/style.css?v8">
  50.    <meta name="description" content="Boston Korea News and Community">
  51.    <meta name="author" content="BostonKorea.com">
  52.    <meta property="og:image" content="/img/bostonkorea_og_2026.png">
  53.  
  54.  
  55.  
  56.  
  57. <link rel="stylesheet" href="https://bostonkorea.com/theme/purewhite/css/default.css?ver=2605061">
  58. <link rel="stylesheet" href="https://bostonkorea.com/theme/purewhite/css/font.css?ver=2605061">
  59. <!-- Pretendard font (1단계: CDN 사전 로드, font-family 교체는 2단계) -->
  60. <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css">
  61. <link rel="stylesheet" href="https://bostonkorea.com/theme/purewhite/css/responsive.css?ver=2605061">
  62. <link rel="stylesheet" href="https://bostonkorea.com/theme/purewhite/css/contents.css?ver=2605061">
  63. <link rel="stylesheet" href="https://bostonkorea.com/js/font-awesome/css/font-awesome.min.css">
  64. <link rel="stylesheet" href="https://bostonkorea.com/theme/purewhite/plugin/featherlight/featherlight.min.css?ver=1319">
  65. <!--[if lte IE 9]><script src="https://bostonkorea.com/js/html5.js"></script><script src="https://bostonkorea.com/theme/purewhite/js/respond.js"></script><![endif]-->
  66. <script>var g5_url = "https://bostonkorea.com"; var g5_bbs_url = "https://bostonkorea.com/bbs"; var g5_is_member = ""; var g5_is_admin = ""; var g5_is_mobile = ""; var g5_bo_table = "news"; var g5_sca = ""; var g5_editor = "smarteditor2"; var g5_cookie_domain = ".bostonkorea.com";</script>
  67. <script src="https://bostonkorea.com/theme/purewhite/js/jquery-1.12.4.min.js"></script>
  68. <script src="https://bostonkorea.com/theme/purewhite/js/jquery.menu.min.js?ver=2304183"></script>
  69. <script src="https://bostonkorea.com/js/common.js?ver=2304183"></script>
  70. <script src="https://bostonkorea.com/theme/purewhite/js/WEBsiting.js?ver=2304183"></script>
  71. <script src="https://bostonkorea.com/js/wrest.js?ver=2304183"></script>
  72. <script src="https://bostonkorea.com/js/placeholders.min.js"></script>
  73. <script src="https://bostonkorea.com/theme/purewhite/plugin/featherlight/featherlight.min.js"></script>
  74.  
  75. <!-- Tiny Slider CSS -->
  76. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/tiny-slider.css">
  77. <!-- Tiny Slider JS -->
  78. <script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/min/tiny-slider.js"></script>
  79.  
  80. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/5.0.8/jquery.inputmask.min.js"></script>
  81.  
  82. <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  83.  
  84.  
  85. <link rel="stylesheet" href="https://bostonkorea.com/FlowPaper_Zine/css/flowpaper.css">
  86. <script src="https://bostonkorea.com/FlowPaper_Zine/js/flowpaper.js"></script>
  87.  
  88. <!-- Google tag (gtag.js) - GA4 + Google Ads -->
  89. <script async src="https://www.googletagmanager.com/gtag/js?id=G-JTCCDHDNFN"></script>
  90. <script>
  91.  window.dataLayer = window.dataLayer || [];
  92.  function gtag(){dataLayer.push(arguments);}
  93.  gtag('js', new Date());
  94.  gtag('config', 'G-JTCCDHDNFN');
  95.  gtag('config', 'AW-969109949');
  96. </script>
  97.  
  98. <style>
  99.    
  100.    div:where(.swal2-container) h2:where(.swal2-title) { font-size: 1.2em !important; }
  101.    div:where(.swal2-container) .swal2-select { font-size: 1em !important; }
  102.    div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) { background-color: #242424; }
  103.    
  104. </style>
  105.  
  106. <script src="https://cdn.onesignal.com/sdks/web/v16/OneSignalSDK.page.js" defer></script>
  107. <script>
  108.  window.OneSignalDeferred = window.OneSignalDeferred || [];
  109.  OneSignalDeferred.push(async function(OneSignal) {
  110.    await OneSignal.init({
  111.      appId: "144d3835-46c5-4702-aa8b-b1c1616fa510",
  112.      safari_web_id: "web.onesignal.auto.40adfb09-7751-41be-9e4d-5711eb8f35a8",
  113.      notifyButton: {
  114.        enable: true,
  115.      },
  116.    });
  117.  });
  118. </script>
  119.  
  120.  
  121.  
  122.  
  123. <!-- Taboola Loader Start -->
  124. <script type="text/javascript">
  125.  window._taboola = window._taboola || [];
  126.  _taboola.push({category:'auto'});  !function (e, f, u, i) {
  127.    if (!document.getElementById(i)){
  128.      e.async = 1;
  129.      e.src = u;
  130.      e.id = i;
  131.      f.parentNode.insertBefore(e, f);
  132.    }
  133.  }(document.createElement('script'),
  134.  document.getElementsByTagName('script')[0],
  135.  '//cdn.taboola.com/libtrc/bostonkr/loader.js',
  136.  'tb_loader_script');
  137.  if(window.performance && typeof window.performance.mark == 'function')
  138.    {window.performance.mark('tbl_ic');}
  139. </script>
  140. <!-- Taboola Loader End -->
  141. <!-- AdSense: 빈 광고 숨김 -->
  142. <style>
  143. [class^="adsense-"] { display:none; margin:0; padding:0; }
  144. [class^="adsense-"].ad-filled { display:block; text-align:center; margin:15px 0; }
  145. </style>
  146. <script>
  147. document.addEventListener("DOMContentLoaded",function(){
  148.  if(!window.MutationObserver) return;
  149.  var obs = new MutationObserver(function(muts){
  150.    muts.forEach(function(m){
  151.      if(m.target.tagName==="INS"&&m.target.dataset.adsbygoogleStatus==="done"&&m.target.offsetHeight>0){
  152.        var p=m.target.parentElement;
  153.        if(p&&p.className.indexOf("adsense-")>-1) p.classList.add("ad-filled");
  154.      }
  155.    });
  156.  });
  157.  document.querySelectorAll("ins.adsbygoogle").forEach(function(el){
  158.    obs.observe(el,{attributes:true,attributeFilter:["data-adsbygoogle-status"]});
  159.  });
  160. });
  161. </script>
  162. <!-- Google AdSense --><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1629381949941098"     crossorigin="anonymous"></script>
  163. </head>
  164. <body class="body">
  165.  
  166. <style>
  167.  /* 상단 메뉴 공통 */
  168.  .tnbContainer ul li { position: relative; list-style: none; }
  169.  .tnbContainer ul li a { display: block; padding: 8px 12px; text-decoration: none; }
  170.  
  171.  /* MY PAGE 링크(케럿 절대배치) */
  172.  .my-page-link{
  173.    position: relative;
  174.    display: inline-block;
  175.    white-space: nowrap;     /* 'MY PAGE' 줄바꿈 방지 */
  176.    padding-right: 16px;     /* 케럿 공간 */
  177.    line-height: 1.4;
  178.  }
  179.  .my-page-link .fa{ line-height: 1; }
  180.  
  181.  /* 케럿 아이콘 고정 위치 */
  182.  #myPageMenu > i.fa.fa-caret-down{
  183.    position: absolute;
  184.    top: 50%;
  185.    right: 2px;              /* 필요시 2~6px 조정 */
  186.    transform: translateY(-50%);
  187.    line-height: 1;
  188.    pointer-events: none;    /* 클릭 간섭 방지 */
  189.  }
  190.  
  191.  /* 드롭다운 기본/열림 */
  192.  .myPageDropMenu{
  193.    display: none;
  194.    position: absolute;
  195.    top: 100%;
  196.    left: 0;
  197.    background: #fff;
  198.    border: 1px solid #ddd;
  199.    z-index: 1000;
  200.    min-width: 100px;
  201.  }
  202.  .myPageDropDown.open .myPageDropMenu{ display: block; }
  203.  
  204.  .myPageDropMenu li a{ display: block; padding: 8px 12px; color: #333; }
  205.  .myPageDropMenu li a:hover{ background: #f5f5f5; }
  206.  #tnb > ul > li.myPageDropDown.open > ul > li{ float: none; }
  207.  #tnb > ul > li.myPageDropDown.open > ul > li > a{ display: block; text-align: center; }
  208.  
  209.  /* 드롭다운 열렸을 때 caret 회전 */
  210.  .myPageDropDown.open #myPageMenu > i.fa.fa-caret-down{
  211.    transform: translateY(-50%) rotate(180deg);
  212.  }
  213.  div:where(.swal2-container) button:where(.swal2-styled) {
  214.      margin: .2125em !important;
  215.      padding: .225em 1.1em !important;
  216.  }
  217.  .btn_b05.btn{
  218.    background: #007bff;
  219.    color: #ffffff;
  220.    border: 1px solid #007bff;
  221.  }
  222.  
  223.    
  224.      /* 게시판 광고별 색상(선택) */
  225.    
  226.      .webzineList > ul {
  227.          border-top: 0;
  228.      }
  229.  
  230.      .webzineList > ul > li {
  231.        width: 100%;
  232.        position: relative;
  233.        padding: 20px 0 20px 0;
  234.        border-bottom: 1px solid #ddd;
  235.    }
  236.  
  237.      /* 섹션 타이틀: 타입별 컬러 통일 */
  238.      li.ad-section-header.first, .ad-section-header.ad-gold, .ad-section-header.ad-plus {
  239.            width: 120px;
  240.            text-align: center;
  241.        }
  242.  
  243.      li.ad-section-header.ad-premium  { border-color:#C92828; background:#FAF7F7; color:#C92828; }
  244.      li.ad-section-header.ad-gold     { border-color:#f9a825; background:#fff8e1; color:#7a5b00; }
  245.      li.ad-section-header.ad-plus     { border-color:#43a047; background:#e8f5e9; color:#1b5e20; }
  246.      li.ad-section-header.ad-platinum { border-color:#26a69a; background:#e0f2f1; color:#0f4d46; }
  247.        li.ad-section-header.ad-premium,
  248.      li.ad-section-header.ad-gold,
  249.      li.ad-section-header.ad-plus,
  250.      li.ad-section-header.ad-platinum {
  251.        border: none;
  252.        border-radius: 20px;
  253.        padding: 8px !important;
  254.      }
  255.      
  256.      /* 리스트 아이템 배경: 헤더 톤과 맞춤 */
  257.      /*
  258.      li.ad-premium  { background:#FAF7F7; }
  259.      li.ad-gold     { background:#fff8e1; }
  260.      li.ad-plus     { background:#e8f5e9; }
  261.      li.ad-platinum { background:#f0fffa; }
  262.      */
  263.  
  264.      /* (선택) 좌측 포인트 라인으로 타입 강조 */
  265.      /*
  266.      li.ad-premium, li.ad-gold, li.ad-plus, li.ad-platinum { border-left:4px solid transparent; }
  267.      li.ad-premium  { border-left-color:#C92828; }
  268.      li.ad-gold     { border-left-color:#f9a825; }
  269.      li.ad-plus     { border-left-color:#43a047; }
  270.      li.ad-platinum { border-left-color:#26a69a; }
  271.      */
  272.      
  273.      /* (선택) 리본 색상도 타입과 매칭 */
  274.      .ad-premium  .ad-ribbon { background:#C92828; }
  275.      .ad-gold     .ad-ribbon { background:#f9a825; }
  276.      .ad-plus     .ad-ribbon { background:#43a047; }
  277.      .ad-platinum .ad-ribbon { background:#26a69a; }
  278.    
  279.    /* 프리미엄 사선 리본(이미 사용 중이면 생략 가능) */
  280.    .list_img.ad-thumb{ position:relative; display:block; overflow:hidden; }
  281.    .list_img.ad-thumb img{ display:block; width:100%; height:auto; }
  282.  
  283.    /* 게시판 리스트 썸네일(PC 120x120 / 모바일 64x64) */
  284.    #bo_list { --pw_board_thumb_size: 120px; }
  285.    @media (max-width: 480px){
  286.      #bo_list { --pw_board_thumb_size: 64px; }
  287.    }
  288.  
  289.    /* 일반 리스트(웹진형) */
  290.    #bo_list .webzineList > ul > li .list_img{
  291.      width: var(--pw_board_thumb_size) !important;
  292.      height: var(--pw_board_thumb_size) !important;
  293.      max-width: none !important;
  294.      overflow: hidden;
  295.    }
  296.    #bo_list .webzineList > ul > li .list_img img{
  297.      width: 100% !important;
  298.      height: 100% !important;
  299.      object-fit: cover;
  300.    }
  301.  
  302.    /* sold_out overlay용 wrapper(sale 스킨 등) */
  303.    #bo_list .webzineList > ul > li .list_img_wrapper{
  304.      float: left;
  305.      margin: 0 15px 0 0;
  306.      width: var(--pw_board_thumb_size);
  307.      height: var(--pw_board_thumb_size);
  308.      overflow: hidden;
  309.      position: relative;
  310.    }
  311.    #bo_list .webzineList > ul > li .list_img_wrapper .list_img{
  312.      float: none;
  313.      margin: 0;
  314.      width: 100% !important;
  315.      height: 100% !important;
  316.    }
  317.  
  318.    /* 광고 썸네일(플래티넘 grid / 웹진형 광고) */
  319.    #bo_list .ad-box .ad-thumb,
  320.    #bo_list .ad-webzine-box .ad-webzine-thumb{
  321.      width: var(--pw_board_thumb_size) !important;
  322.      height: var(--pw_board_thumb_size) !important;
  323.      overflow: hidden;
  324.    }
  325.    #bo_list .ad-box .ad-thumb img,
  326.    #bo_list .ad-webzine-box .ad-webzine-thumb img,
  327.    #bo_list .list_img.ad-thumb img{
  328.      width: 100% !important;
  329.      height: 100% !important;
  330.      object-fit: cover;
  331.      display: block;
  332.    }
  333.  
  334.    .ad-ribbon {
  335.      left: -35px !important;
  336.    }
  337.  
  338.  @media (max-width: 480px){
  339.    .ad-thumb .ad-ribbon{
  340.      top:6px; left:-32px !important;
  341.      font-size:0.42rem;
  342.      padding:3px 30px;
  343.    }
  344.  }
  345.  
  346.  
  347.  
  348.  @media (max-width: 700px) {
  349.      .webzineList > ul > li .bo_tit strong {
  350.          font-size: 16px;
  351.          font-weight: 600 !important;
  352.      }
  353.  }
  354.  @media (max-width: 700px) {
  355.      .webzineList > ul > li .bo_tit em {
  356.          font-size: 14px !important;
  357.          color: #000 !important;
  358.      }
  359.  }
  360.  @media (max-width: 650px) {
  361.      .basicLat li a {
  362.          font-size: 14px !important;
  363.      }
  364.  }
  365.  
  366.  @media all and (max-width:980px)
  367.  {
  368.    #ctWrap {
  369.        margin-top: 50px !important;
  370.    }
  371.  }
  372.  
  373.        /* 디바이스 980px 이하에서 적용*/
  374.      @media all and (max-width:980px)
  375.      {
  376.        #ctWrap {
  377.            margin-top: 65px !important;
  378.        }
  379.      }
  380.  
  381.  .tnbContainer {
  382.      background: #f1f1f1;
  383.  }
  384.  
  385. </style>
  386. <script>
  387. /* Step 3: 모바일 스크롤 다운 시 #gnb에 .gnb-scrolled 클래스 추가 (CSS로 검색바 숨김) */
  388. document.addEventListener("DOMContentLoaded", function(){
  389.    if (window.innerWidth > 980) return;
  390.    var gnb = document.getElementById("gnb");
  391.    if (!gnb) return;
  392.    var threshold = 40;
  393.    var scrolled = false;
  394.    function onScroll() {
  395.        var y = window.pageYOffset || document.documentElement.scrollTop;
  396.        var shouldBe = y > threshold;
  397.        if (shouldBe !== scrolled) {
  398.            scrolled = shouldBe;
  399.            gnb.classList.toggle("gnb-scrolled", scrolled);
  400.        }
  401.    }
  402.    window.addEventListener("scroll", onScroll, { passive: true });
  403.    onScroll();
  404. });
  405. </script>
  406.  
  407. <a id="topID"></a>
  408. <!-- 상단 시작 { -->
  409. <!-- ===== v2 컴팩트 헤더 ===== -->
  410. <header id="hd" class="hd-v2">
  411.    <h1 id="hd_h1">뉴스  페이지 보스톤코리아</h1>
  412.    <div id="skip_to_container"><a href="#ctWrap">본문 바로가기</a></div>
  413.    <div class="hd-v2-inner">
  414.        <div class="hd-v2-left">
  415.            <a href="https://bostonkorea.com" class="hd-v2-logo">
  416.                <img src="https://bostonkorea.com/theme/purewhite/img/logo_bostonkorea_simple.png" alt="보스톤코리아">
  417.            </a>
  418.                        <nav class="hd-v2-gnb" aria-label="사이트 메인 메뉴">
  419.                                <a href="/news">뉴스</a>
  420.                                <a href="#">커뮤니티</a>
  421.                                <a href="/yellowpage">한인업소록</a>
  422.                                <a href="#">유학</a>
  423.                                <a href="/boston">보스톤정보</a>
  424.                                <a href="/news_paper">지면보기</a>
  425.                                <a href="/news?sca=보스톤여행">보스톤여행</a>
  426.                                <a href="/news?sca=미국주식">미국주식</a>
  427.                                <a href="/realty">부동산</a>
  428.                            </nav>
  429.                    </div>
  430.        <div class="hd-v2-right">
  431.            <form class="hd-v2-search" method="get" action="https://bostonkorea.com/bbs/board.php">
  432.                <input type="hidden" name="bo_table" value="news">
  433.                                <input type="hidden" name="sop" value="and">
  434.                <input type="hidden" name="sfl" value="wr_subject||wr_content">
  435.                <input type="hidden" name="preview" value="v2">
  436.                <input type="text" name="stx" value="" placeholder="뉴스 검색" maxlength="20" required aria-label="뉴스 검색">
  437.                <button type="submit" aria-label="검색"><i class="fa fa-search" aria-hidden="true"></i></button>
  438.            </form>
  439.            <div class="hd-v2-links">
  440.                                    <a href="https://bostonkorea.com/bbs/login.php">로그인</a>
  441.                    <span class="sep">·</span>
  442.                    <a href="https://bostonkorea.com/bbs/register.php">회원가입</a>
  443.                            </div>
  444.        </div>
  445.    </div>
  446. </header>
  447. <style>
  448. /* v2 컴팩트 헤더 스타일 (30% 축소 + 그레이 배경 + fixed 헤더) */
  449. #hd.hd-v2 {
  450.    background: #f5f5f5;
  451.    border-bottom: 1px solid #e0e0e0;
  452.    padding: 14px 30px 12px;
  453.    margin: 0;
  454.    position: fixed !important;
  455.    top: 0;
  456.    left: 0;
  457.    right: 0;
  458.    z-index: 1000;
  459.    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
  460. }
  461. #hd.hd-v2 .hd-v2-inner {
  462.    display: flex; align-items: center; justify-content: space-between;
  463.    gap: 24px; max-width: 1280px; margin: 0 auto;
  464.    font-family: "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  465.    letter-spacing: -0.2px;
  466.    min-width: 0;
  467. }
  468. #hd.hd-v2 .hd-v2-left {
  469.    display: flex; align-items: center; gap: 28px;
  470.    min-width: 0; flex: 1 1 auto;
  471. }
  472. #hd.hd-v2 .hd-v2-logo { flex-shrink: 0; }
  473. #hd.hd-v2 .hd-v2-logo img { height: 26px; display: block; }
  474. /* 사이트 메인 메뉴 9개 (헤더 좌측, 보조 네비) */
  475. #hd.hd-v2 .hd-v2-gnb {
  476.    display: flex; align-items: center;
  477.    gap: 4px;
  478.    flex-wrap: nowrap;
  479.    overflow: hidden;
  480.    min-width: 0;
  481. }
  482. #hd.hd-v2 .hd-v2-gnb a {
  483.    color: #444; text-decoration: none;
  484.    font-size: 13px; font-weight: 500;
  485.    padding: 6px 10px;
  486.    white-space: nowrap;
  487.    border-radius: 4px;
  488.    transition: color 0.15s ease, background 0.15s ease;
  489. }
  490. #hd.hd-v2 .hd-v2-gnb a:hover {
  491.    color: #E8112D;
  492.    background: #fafafa;
  493. }
  494. #hd.hd-v2 .hd-v2-right {
  495.    display: flex; align-items: center; gap: 14px;
  496.    flex-shrink: 0;
  497. }
  498. #hd.hd-v2 .hd-v2-search {
  499.    display: flex; align-items: center;
  500.    width: 200px; height: 34px;
  501.    border: 1.5px solid #222; border-radius: 20px;
  502.    padding: 0 4px 0 14px; background: #fff;
  503.    box-sizing: border-box;
  504. }
  505. #hd.hd-v2 .hd-v2-search input[type="text"] {
  506.    flex: 1; border: 0; outline: 0;
  507.    font-size: 12px; background: transparent; min-width: 0;
  508. }
  509. #hd.hd-v2 .hd-v2-search button {
  510.    width: 26px; height: 26px;
  511.    border: 0; cursor: pointer; padding: 0;
  512.    background: #E8112D; color: #fff;
  513.    border-radius: 50%; font-size: 11px;
  514.    flex-shrink: 0;
  515. }
  516. #hd.hd-v2 .hd-v2-links {
  517.    display: flex; align-items: center; gap: 10px;
  518.    font-size: 12px; color: #666;
  519.    flex-shrink: 0;
  520. }
  521. #hd.hd-v2 .hd-v2-links a { color: #666; text-decoration: none; }
  522. #hd.hd-v2 .hd-v2-links a:hover { color: #E8112D; }
  523. #hd.hd-v2 .hd-v2-links .sep { color: #ddd; }
  524. /* 좁은 화면 반응형 */
  525. @media (max-width: 1100px) {
  526.    #hd.hd-v2 .hd-v2-gnb a { padding: 6px 7px; font-size: 12px; }
  527.    #hd.hd-v2 .hd-v2-search { width: 160px; }
  528. }
  529. /* v2 페이지에서 브레드크럼/hr 숨김 (#hd.hd-v2 형제로 접근) */
  530. #hd.hd-v2 ~ .subTopLocNav { display: none !important; }
  531. /* .contentTitle 자체는 표시 유지 (mobile-share-actions JS가 안에 추가하므로) — 안의 locationBar만 숨김 */
  532. #hd.hd-v2 ~ #ctWrap .contentTitle { margin: 0 !important; padding: 0 !important; border: 0 !important; }
  533. #hd.hd-v2 ~ #ctWrap .contentTitle > .locationBar { display: none !important; }
  534. #hd.hd-v2 ~ #ctWrap #container > hr { display: none !important; }
  535. #hd.hd-v2 ~ hr { display: none !important; }
  536. /* 헤더와 본문 사이 간격 (목록+상세 모두 - 헤더 fixed 가림 방지) */
  537. #hd.hd-v2 ~ #ctWrap {
  538.    padding-top: 130px !important;
  539.    margin-top: 0 !important;
  540. }
  541. /* 목록 페이지 전용: 본문 70%, 사이드바 25%, ctWrap 1280px (상세 페이지는 옛날 너비 유지) */
  542. #hd.hd-v2 ~ #ctWrap {
  543.    max-width: 1280px !important;
  544. }
  545. #hd.hd-v2 ~ #ctWrap #container {
  546.    width: 70% !important;
  547.    box-sizing: border-box !important;
  548. }
  549. #hd.hd-v2 ~ #ctWrap .sideBanner {
  550.    width: 25% !important;
  551.    box-sizing: border-box !important;
  552. }
  553.  
  554. /* === 모바일 (768px 이하): 헤더 컴팩트 + 본문/사이드바 수직 배치 === */
  555. @media (max-width: 768px) {
  556.    #hd.hd-v2 {
  557.        padding: 10px 14px 8px !important;
  558.    }
  559.    #hd.hd-v2 .hd-v2-inner {
  560.        gap: 10px !important;
  561.    }
  562.    #hd.hd-v2 .hd-v2-left {
  563.        gap: 10px !important;
  564.    }
  565.    #hd.hd-v2 .hd-v2-logo img {
  566.        height: 22px !important;
  567.    }
  568.    /* 메뉴 9개 모바일에서 숨김 (시안과 일치) */
  569.    #hd.hd-v2 .hd-v2-gnb {
  570.        display: none !important;
  571.    }
  572.    #hd.hd-v2 .hd-v2-search {
  573.        width: 140px !important;
  574.        height: 32px !important;
  575.        padding: 0 4px 0 12px !important;
  576.    }
  577.    #hd.hd-v2 .hd-v2-search input[type="text"] {
  578.        font-size: 12px !important;
  579.    }
  580.    #hd.hd-v2 .hd-v2-search button {
  581.        width: 24px !important;
  582.        height: 24px !important;
  583.        font-size: 10px !important;
  584.    }
  585.    #hd.hd-v2 .hd-v2-links {
  586.        font-size: 11px !important;
  587.        gap: 6px !important;
  588.    }
  589.    #hd.hd-v2 ~ #ctWrap {
  590.        padding-top: 40px !important;
  591.        max-width: 100% !important;
  592.    }
  593.    #hd.hd-v2 ~ #ctWrap #container {
  594.        width: 100% !important;
  595.        float: none !important;
  596.        padding: 0 !important;
  597.    }
  598.    #hd.hd-v2 ~ #ctWrap .sideBanner {
  599.        width: 90% !important;
  600.        max-width: 90% !important;
  601.        float: none !important;
  602.        clear: both !important;
  603.        padding: 0 !important;
  604.        margin: 30px auto 0 !important;
  605.    }
  606.    /* 모바일 사이드바 안 이미지/iframe만 가로 비율 조절 (슬라이더 로직 보존) */
  607.    #hd.hd-v2 ~ #ctWrap .sideBanner img {
  608.        max-width: 100% !important;
  609.        height: auto !important;
  610.    }
  611.    #hd.hd-v2 ~ #ctWrap .sideBanner iframe {
  612.        max-width: 100% !important;
  613.    }
  614.    /* 사이드바 끝 Taboola Right Rail은 가장 아래에 표시 */
  615.    #hd.hd-v2 ~ #ctWrap .sideBanner #taboola-right-rail-thumbnails {
  616.        margin-top: 20px !important;
  617.    }
  618. }
  619. </style>
  620. <aside id="topSpacer"></aside>
  621. <aside id="sideBarCover"></aside>
  622. <!-- } 상단 끝 --><hr>
  623.  
  624. <!-- 콘텐츠 시작 { -->
  625.  
  626. <!--
  627. <div id="page_title" class="sbtImg">
  628. <div class="page_title_in">
  629. <h2>
  630. <strong title="뉴스  페이지" class="loc1D">뉴스</strong>
  631. <span class="titleBbar"></span>
  632. </h2>
  633. </div>
  634. </div>
  635. -->
  637. <aside class="subTopLocNav">
  638. <a class="loc1DA"><b class="loc1D themeColor"></b><i class="fa fa-angle-down"></i><u class="themeBgColor"></u></a>
  639. <a class="loc2DA"><b class="loc2D themeColor"></b><i class="fa fa-angle-down"></i><u class="themeBgColor"></u></a>
  640. <div class="bNBar bNBar1D themeBorderColor"><ul><!-- 서브1차메뉴 --></ul></div>
  641. <div class="bNBar bNBar2D themeBorderColor"><ul><!-- 서브2차메뉴 --></ul></div>
  642. </aside>
  643. <script>
  644. $(document).ready(function(){
  645. $(".loc1DA").click(function() {
  646. $(".bNBar1D").slideToggle("fast");
  647. $(".loc1DA").toggleClass("on");
  648. return false;
  649. });
  650. $(".loc2DA").click(function() {
  651. $(".bNBar2D").slideToggle("fast");
  652. $(".loc2DA").toggleClass("on");
  653. return false;
  654. });
  655. });
  656. </script>
  657. <section id="ctWrap">
  658.  
  659. <div id="container">
  660.  
  661. <h2 class="contentTitle">
  662.    
  663.            
  664.        <nav class="locationBar" aria-label="Breadcrumb">
  665.          <span title="현재위치">
  666.            <em class="fa fa-home" aria-hidden="true"></em>
  667.            <a href="https://bostonkorea.com/">HOME</a>
  668.            <i class="fa fa-angle-right" aria-hidden="true"></i>
  669.      
  670.                          <!-- 카테고리 없으면 게시판명만 -->
  671.              <a href="https://bostonkorea.com/news">뉴스</a>
  672.                      </span>
  673.        </nav>
  674.      
  675.            
  676.    </h2>
  677.  
  678. <hr>
  679.  
  680.  
  681. <style>
  682. /* ========= 보스톤코리아 뉴스 v2 (2026-04-29) ========= */
  683. #bo_list, #bo_list * {
  684.    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont,
  685.        system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo",
  686.        "Noto Sans KR", "Malgun Gothic", sans-serif;
  687.    letter-spacing: -0.2px;
  688.    -webkit-font-smoothing: antialiased;
  689.    -moz-osx-font-smoothing: grayscale;
  690. }
  691. #bo_list { position: relative; background: #fff; }
  692. #bo_list:after { display: block; visibility: hidden; clear: both; content: ""; }
  693.  
  694. /* === 섹션 제목 ("뉴스" + 활성 카테고리) - 60% 축소 === */
  695. .bk-v2-section-head {
  696.    margin: 0 0 10px;
  697.    padding: 0;
  698. }
  699. .bk-v2-section-title {
  700.    font-size: 22px;
  701.    font-weight: 800;
  702.    color: #111;
  703.    margin: 0;
  704.    letter-spacing: -0.4px;
  705.    line-height: 1.2;
  706. }
  707. .bk-v2-section-title .cate {
  708.    font-size: 14px;
  709.    color: #888;
  710.    font-weight: 500;
  711.    margin-left: 10px;
  712.    letter-spacing: 0;
  713. }
  714. .bk-v2-section-title .cate::before {
  715.    content: "› ";
  716.    color: #ccc;
  717.    margin-right: 4px;
  718. }
  719.  
  720. /* 카테고리 메뉴 (한겨레 스타일: 위 빨간 3px + 아래 회색 1px) */
  721. #bo_list nav.bk-v2-cate-bar {
  722.    border-top: 3px solid #E8112D !important;
  723.    border-bottom: 1px solid #ddd !important;
  724.    display: flex !important;
  725.    align-items: center;
  726.    background: #fff;
  727.    position: relative;
  728.    margin-bottom: 30px;
  729.    overflow: visible;
  730.    width: 100% !important;
  731.    box-sizing: border-box;
  732. }
  733.  
  734. /* PC만: 섹션제목+카테고리바 같이 내림 + 라인 가운데 + 항목 padding 절감 */
  735. @media (min-width: 769px) {
  736.    /* 섹션 제목 "뉴스" + 카테고리바 함께 10px 아래로 (사이드바 빨간 바와 정렬) */
  737.    .bk-v2-section-head {
  738.        margin-top: 10px !important;
  739.    }
  740.    /* 카테고리바 자체 margin-top은 0 (이중 적용 방지) */
  741.    #bo_list nav.bk-v2-cate-bar {
  742.        margin-top: 0;
  743.    }
  744.    /* 톱뉴스↔뉴스목록 라인 가운데 (28px씩) */
  745.    .bk-v2-topnews {
  746.        padding-bottom: 28px !important;
  747.        margin-bottom: 0 !important;
  748.    }
  749.    .bk-v2-list .news-item:first-child {
  750.        padding-top: 28px !important;
  751.    }
  752.    /* 뉴스 목록 항목 사이 버퍼 24px (톱뉴스↔첫글 28px는 유지) */
  753.    .bk-v2-list .news-item {
  754.        padding: 24px 0 !important;
  755.    }
  756.    .bk-v2-list .news-item:first-child {
  757.        padding-top: 28px !important;  /* 라인 가운데 유지 */
  758.        padding-bottom: 24px !important;
  759.    }
  760. }
  761. .bk-v2-cate-bar > a.cate-item,
  762. .bk-v2-cate-bar > .cate-wrap > a.cate-item {
  763.    padding: 16px 18px;
  764.    font-size: 16px; font-weight: 700; color: #222;
  765.    text-decoration: none; white-space: nowrap;
  766.    border-bottom: 3px solid transparent;
  767.    margin-bottom: -1px;
  768.    display: inline-block;
  769. }
  770. .bk-v2-cate-bar a.cate-item:hover { color: #E8112D; }
  771. .bk-v2-cate-bar a.cate-item.active {
  772.    color: #E8112D; border-bottom-color: #E8112D;
  773. }
  774. .bk-v2-cate-bar a.cate-item.has-dropdown::after {
  775.    content: " \25BE"; font-size: 10px; color: #999; margin-left: 2px;
  776. }
  777. .bk-v2-cate-bar .cate-wrap { position: relative; display: inline-block; }
  778. .bk-v2-cate-bar .cate-wrap:hover .dropdown { display: block; }
  779. .bk-v2-cate-bar .dropdown {
  780.    display: none;
  781.    position: absolute; top: 100%; left: 0;
  782.    background: #fff; border: 1px solid #ddd; border-top: 2px solid #E8112D;
  783.    min-width: 180px; padding: 8px 0;
  784.    box-shadow: 0 6px 16px rgba(0,0,0,0.08);
  785.    z-index: 100;
  786. }
  787. .bk-v2-cate-bar .dropdown a {
  788.    display: block; padding: 10px 18px;
  789.    font-size: 14px; font-weight: 500; color: #333;
  790.    text-decoration: none; white-space: nowrap;
  791. }
  792. .bk-v2-cate-bar .dropdown a:hover { background: #fafafa; color: #E8112D; }
  793.  
  794. /* 검색창 (카테고리바 위 별도 줄, 우측 정렬) */
  795. .bk-v2-top-search {
  796.    display: flex; justify-content: flex-end;
  797.    margin-bottom: 8px;
  798.    max-width: 100%;
  799. }
  800. .bk-v2-top-search form {
  801.    display: flex; align-items: center;
  802.    width: 240px; height: 34px;
  803.    border: 1.5px solid #222; border-radius: 20px;
  804.    padding: 0 4px 0 14px; background: #fff;
  805.    box-sizing: border-box;
  806. }
  807. .bk-v2-top-search input[type="text"] {
  808.    flex: 1; border: 0; outline: 0;
  809.    font-size: 12px; background: transparent;
  810.    min-width: 0;
  811. }
  812. .bk-v2-top-search button {
  813.    width: 26px; height: 26px;
  814.    border: 0; cursor: pointer; padding: 0;
  815.    background: #E8112D; color: #fff;
  816.    border-radius: 50%; font-size: 11px;
  817.    flex-shrink: 0;
  818. }
  819.  
  820. /* 검색 결과 라벨 */
  821. .bk-v2-search-info {
  822.    margin: 0 0 20px; font-size: 14px; color: #444;
  823. }
  824. .bk-v2-search-info strong { color: #E8112D; }
  825. .bk-v2-search-info a { margin-left: 8px; color: #888; text-decoration: underline; }
  826.  
  827. /* 톱뉴스 (좌 텍스트 + 우 자연 비율 이미지) */
  828. .bk-v2-topnews {
  829.    display: grid; grid-template-columns: 1fr 1fr; gap: 30px;
  830.    padding-bottom: 32px; margin-bottom: 8px;
  831.    align-items: start;
  832. }
  833. .bk-v2-topnews .text-col {
  834.    display: flex; flex-direction: column; justify-content: flex-start;
  835.    padding-top: 4px;
  836. }
  837. .bk-v2-topnews h2 {
  838.    font-size: 28px; line-height: 1.3; font-weight: 800;
  839.    margin: 0 0 16px; letter-spacing: -0.5px; color: #111;
  840. }
  841. .bk-v2-topnews h2 a { color: inherit; text-decoration: none; }
  842. .bk-v2-topnews h2 a:hover { text-decoration: underline; }
  843. .bk-v2-topnews .summary {
  844.    font-size: 15px; line-height: 1.65; color: #444;
  845.    margin-bottom: 14px;
  846. }
  847. .bk-v2-topnews .meta { font-size: 13px; color: #888; }
  848. .bk-v2-topnews-related {
  849.    margin: 0 0 14px;
  850.    padding: 0;
  851.    background: transparent;
  852.    border: 0;
  853. }
  854. .bk-v2-related-title { display: none; } /* "관련기사" 라벨 숨김 */
  855. .bk-v2-topnews-related ul,
  856. .bk-v2-topnews-related .related-list {
  857.    margin: 0; padding: 0; list-style: none;
  858. }
  859. .bk-v2-topnews-related li,
  860. .bk-v2-topnews-related .related-item {
  861.    margin: 0 0 6px;
  862.    padding: 0 0 0 14px;
  863.    border: 0;
  864.    font-size: 14px; line-height: 1.5;
  865.    position: relative;
  866. }
  867. .bk-v2-topnews-related li::before,
  868. .bk-v2-topnews-related .related-item::before {
  869.    content: "\2022";  /* • 점 */
  870.    position: absolute;
  871.    left: 2px;
  872.    top: 0;
  873.    color: #888;
  874.    font-weight: 700;
  875. }
  876. .bk-v2-topnews-related a {
  877.    color: #333; text-decoration: none;
  878. }
  879. .bk-v2-topnews-related a:hover { color: #E8112D; text-decoration: underline; }
  880. .bk-v2-topnews-related .related-image,
  881. .bk-v2-topnews-related img { display: none; } /* 관련기사 이미지 숨김 (제목만) */
  882. .bk-v2-topnews-related .related-with-image { display: block; }
  883. .bk-v2-topnews-related .related-summary,
  884. .bk-v2-topnews-related .related-meta { display: none; } /* 관련기사 요약/메타 숨김 (제목만) */
  885. .bk-v2-topnews .meta .cate-tag {
  886.    display: inline-block; font-size: 13px; font-weight: 700;
  887.    color: #222; margin-right: 8px; letter-spacing: 0.3px;
  888.    text-decoration: none;
  889. }
  890. .bk-v2-topnews .meta .cate-tag:hover { color: #E8112D; }
  891. .bk-v2-topnews .img-col {
  892.    width: 100%;
  893.    aspect-ratio: 16 / 9;
  894.    overflow: hidden;
  895.    background: #f5f5f5;
  896. }
  897. .bk-v2-topnews .img-col a {
  898.    display: block;
  899.    width: 100%;
  900.    height: 100%;
  901. }
  902. .bk-v2-topnews .img-col img {
  903.    width: 100%;
  904.    height: 100%;
  905.    object-fit: cover;
  906.    object-position: center;
  907.    transition: transform 0.3s ease;
  908. }
  909. .bk-v2-topnews .img-col a:hover img { transform: scale(1.04); }
  910.  
  911. /* 일반 리스트 (한겨레 스타일) */
  912. .bk-v2-list { border-top: 2px solid #222; }
  913. .bk-v2-list .news-item {
  914.    display: grid; grid-template-columns: 1fr 240px; gap: 24px;
  915.    padding: 28px 0; border-bottom: 1px solid #e4e4e4;
  916. }
  917. .bk-v2-list .news-item.no-thumb { grid-template-columns: 1fr; }
  918. .bk-v2-list .news-item.no-thumb .thumb { display: none; }
  919. .bk-v2-list .news-item h3 {
  920.    font-size: 22px; line-height: 1.35; font-weight: 700;
  921.    margin: 0 0 12px; letter-spacing: -0.3px;
  922. }
  923. .bk-v2-list .news-item h3 a { color: #111; text-decoration: none; }
  924. .bk-v2-list .news-item h3 a:hover { text-decoration: underline; }
  925. .bk-v2-list .news-item h3 a.notice-title { color: #C92828; }
  926. .bk-v2-list .news-item .summary {
  927.    font-size: 14px; line-height: 1.6; color: #555;
  928.    margin-bottom: 14px;
  929.    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  930.    overflow: hidden;
  931. }
  932. .bk-v2-list .news-item .meta { font-size: 13px; color: #888; }
  933. .bk-v2-list .news-item .meta .cate {
  934.    display: inline-block;
  935.    color: #222; font-weight: 700;
  936.    margin-right: 12px; text-decoration: none;
  937. }
  938. .bk-v2-list .news-item .meta .cate:hover { color: #E8112D; }
  939. .bk-v2-list .news-item .thumb {
  940.    width: 240px; height: 150px; overflow: hidden; background: #f0f0f0;
  941. }
  942. .bk-v2-list .news-item .thumb a { display: block; width: 100%; height: 100%; }
  943. .bk-v2-list .news-item .thumb img {
  944.    width: 100%; height: 100%; object-fit: cover;
  945.    transition: transform 0.3s ease;
  946. }
  947. .bk-v2-list .news-item:hover .thumb img { transform: scale(1.04); }
  948.  
  949. .bk-v2-sponsor-tag {
  950.    display: inline-block; padding: 1px 6px; margin-left: 6px;
  951.    font-size: 11px; font-weight: 600; color: #888;
  952.    border: 1px solid #ccc; border-radius: 3px;
  953.    vertical-align: middle; line-height: 1.4;
  954. }
  955.  
  956. /* 카테고리바 끝 spacer + wrapper 화살표 (PC 숨김, 모바일만) */
  957. .bk-v2-cate-spacer { display: none; }
  958. .bk-v2-cate-wrap::after { display: none; }
  959.  
  960. .bk-v2-no-data {
  961.    padding: 60px 20px; text-align: center; color: #888;
  962. }
  963. .bk-v2-no-data b { display: block; font-size: 16px; margin: 8px 0; color: #444; }
  964.  
  965. /* 좁은 화면 (태블릿) */
  966. @media all and (max-width: 980px) {
  967.    .bk-v2-topnews { grid-template-columns: 1fr; gap: 20px; }
  968.    .bk-v2-topnews .img-col { height: auto; aspect-ratio: 16/10; }
  969.    .bk-v2-list .news-item { grid-template-columns: 1fr 200px; gap: 18px; }
  970.    .bk-v2-list .news-item .thumb { width: 200px; height: 130px; }
  971.    .bk-v2-list .news-item h3 { font-size: 19px; }
  972.    .bk-v2-cate-bar { overflow-x: auto; }
  973.    .bk-v2-cate-bar > a.cate-item,
  974.    .bk-v2-cate-bar > .cate-wrap > a.cate-item { font-size: 14px; padding: 14px 12px; }
  975. }
  976.  
  977. /* === 모바일 (768px 이하): 시안의 모바일 디자인 적용 === */
  978. @media (max-width: 768px) {
  979.    /* 섹션 제목 */
  980.    .bk-v2-section-head { padding: 10px 16px 4px !important; margin: 0 !important; }
  981.    .bk-v2-section-title { font-size: 20px !important; }
  982.    .bk-v2-section-title .cate { font-size: 12px !important; margin-left: 8px !important; }
  983.  
  984.    /* 카테고리바 wrapper + 우측 화살표 힌트 (모바일만, 진한 색) */
  985.    .bk-v2-cate-wrap {
  986.        position: relative !important;
  987.    }
  988.    .bk-v2-cate-wrap::after {
  989.        content: "\276F" !important; /* ❯ heavy right angle bracket */
  990.        position: absolute !important;
  991.        top: 3px; right: 0; bottom: 1px;
  992.        width: 44px;
  993.        display: flex !important;
  994.        align-items: center;
  995.        justify-content: center;
  996.        color: #222 !important;
  997.        font-size: 18px;
  998.        font-weight: 900;
  999.        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.92) 35%, #fff 65%) !important;
  1000.        pointer-events: none;
  1001.        z-index: 5;
  1002.    }
  1003.    /* 카테고리바 가로 스크롤 */
  1004.    #bo_list nav.bk-v2-cate-bar {
  1005.        overflow-x: auto !important;
  1006.        flex-wrap: nowrap !important;
  1007.        justify-content: flex-start !important;
  1008.        margin: 0 !important;
  1009.        padding: 0 8px 0 8px !important;
  1010.        -webkit-overflow-scrolling: touch;
  1011.        scrollbar-width: none;
  1012.    }
  1013.    #bo_list nav.bk-v2-cate-bar::-webkit-scrollbar { display: none; }
  1014.    .bk-v2-cate-bar > a.cate-item,
  1015.    .bk-v2-cate-bar > .cate-wrap > a.cate-item {
  1016.        font-size: 14px !important;
  1017.        padding: 12px 12px 10px !important;
  1018.        flex-shrink: 0 !important;
  1019.    }
  1020.    /* 카테고리바 끝 spacer (가로 스크롤 시 마지막 항목 잘림 방지) */
  1021.    .bk-v2-cate-bar .bk-v2-cate-spacer {
  1022.        flex: 0 0 32px !important;
  1023.        width: 32px !important;
  1024.        display: block !important;
  1025.        height: 1px !important;
  1026.    }
  1027.    .bk-v2-cate-bar .has-dropdown::after { display: none !important; }
  1028.    .bk-v2-cate-bar .dropdown { display: none !important; }
  1029.    .bk-v2-cate-bar .cate-wrap { display: inline-block !important; }
  1030.    .bk-v2-cate-bar .cate-wrap:hover .dropdown { display: none !important; }
  1031.  
  1032.    /* 톱뉴스 풀폭 (이미지 위, 텍스트 아래) */
  1033.    .bk-v2-topnews {
  1034.        grid-template-columns: 1fr !important;
  1035.        gap: 14px !important;
  1036.        padding: 0 0 14px !important;
  1037.        margin: 8px 0 0 !important;
  1038.        border-bottom: 8px solid #f4f4f4;
  1039.    }
  1040.    .bk-v2-topnews .text-col {
  1041.        order: 2;
  1042.        padding: 0 16px !important;
  1043.    }
  1044.    .bk-v2-topnews .img-col {
  1045.        order: 1;
  1046.        height: 220px !important;
  1047.        aspect-ratio: auto !important;
  1048.    }
  1049.    .bk-v2-topnews h2 { font-size: 24px !important; line-height: 1.3 !important; font-weight: 800 !important; letter-spacing: -0.4px !important; margin-bottom: 12px !important; }
  1050.    .bk-v2-topnews .summary {
  1051.        font-size: 14px !important;
  1052.        line-height: 1.55 !important;
  1053.        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  1054.        overflow: hidden;
  1055.    }
  1056.    .bk-v2-topnews .meta { font-size: 12px !important; }
  1057.  
  1058.    /* 리스트 컴팩트 (좌 텍스트 + 우 작은 썸네일) */
  1059.    .bk-v2-list { border-top: 0 !important; }
  1060.    .bk-v2-list .news-item {
  1061.        grid-template-columns: 1fr 110px !important;
  1062.        gap: 12px !important;
  1063.        padding: 16px !important;
  1064.        border-bottom: 1px solid #eee !important;
  1065.    }
  1066.    .bk-v2-list .news-item h3 {
  1067.        font-size: 16px !important;
  1068.        font-weight: 600 !important;
  1069.        line-height: 1.4 !important;
  1070.        letter-spacing: -0.3px !important;
  1071.        margin-bottom: 8px !important;
  1072.        display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
  1073.        overflow: hidden;
  1074.    }
  1075.    .bk-v2-list .news-item h3 a {
  1076.        font-weight: 600 !important;
  1077.    }
  1078.    .bk-v2-list .news-item .summary { display: none !important; }
  1079.    .bk-v2-list .news-item .meta { font-size: 11px !important; margin-bottom: 0; }
  1080.    .bk-v2-list .news-item .thumb {
  1081.        width: 110px !important;
  1082.        height: 75px !important;
  1083.    }
  1084.  
  1085.    /* 페이지네이션 */
  1086.    body .pg_wrap { margin: 24px 0 !important; }
  1087.    body .pg_wrap .pg_page,
  1088.    body .pg_wrap .pg_current,
  1089.    body .pg_wrap a,
  1090.    body .pg_wrap strong {
  1091.        font-size: 14px !important;
  1092.        padding: 6px 10px !important;
  1093.    }
  1094. }
  1095.  
  1096. /* === 헤더는 head.php의 #hd.hd-v2 분기가 처리 (스킨에서는 추가 작업 없음) === */
  1097.  
  1098. /* === 페이지네이션 (동그라미 → 숫자, 큰 폰트, 점프 버튼 보이게) === */
  1099. body .pg_wrap {
  1100.    clear: both;
  1101.    margin: 40px 0 !important;
  1102.    text-align: center !important;
  1103. }
  1104. body .pg_wrap .pg_page,
  1105. body .pg_wrap .pg_current,
  1106. body .pg_wrap strong {
  1107.    border-radius: 0 !important;
  1108.    border: 0 !important;
  1109.    background: transparent !important;
  1110.    width: auto !important;
  1111.    height: auto !important;
  1112.    line-height: 1.4 !important;
  1113.    min-width: 0 !important;
  1114.    padding: 8px 14px !important;
  1115.    color: #555 !important;
  1116.    font-weight: 500 !important;
  1117.    font-size: 16px !important;
  1118.    display: inline-block !important;
  1119.    vertical-align: middle !important;
  1120.    margin: 0 3px !important;
  1121.    text-decoration: none !important;
  1122. }
  1123. body .pg_wrap .pg_current,
  1124. body .pg_wrap strong {
  1125.    color: #E8112D !important;
  1126.    font-weight: 700 !important;
  1127. }
  1128. body .pg_wrap a:hover,
  1129. body .pg_wrap .pg_page:hover {
  1130.    color: #E8112D !important;
  1131.    text-decoration: underline !important;
  1132.    background: transparent !important;
  1133. }
  1134. /* 점프 버튼 (시작/끝/이전/다음) - 화살표 텍스트 또는 아이콘 표시 */
  1135. body .pg_wrap .pg_start,
  1136. body .pg_wrap .pg_end,
  1137. body .pg_wrap .pg_prev,
  1138. body .pg_wrap .pg_next {
  1139.    background: transparent !important;
  1140.    color: #888 !important;
  1141.    font-size: 14px !important;
  1142.    font-weight: 600 !important;
  1143.    padding: 8px 12px !important;
  1144.    text-indent: 0 !important;
  1145.    overflow: visible !important;
  1146.    text-decoration: none !important;
  1147. }
  1148. body .pg_wrap .pg_start:hover,
  1149. body .pg_wrap .pg_end:hover,
  1150. body .pg_wrap .pg_prev:hover,
  1151. body .pg_wrap .pg_next:hover {
  1152.    color: #E8112D !important;
  1153. }
  1154. </style>
  1155.  
  1156.  
  1157. <!-- 게시판 목록 v2 시작 { -->
  1158. <div id="bo_list" style="width:100%">
  1159.  
  1160.    
  1161.    <!-- 섹션 제목 ("뉴스" + 활성 카테고리) -->
  1162.    <div class="bk-v2-section-head">
  1163.        <h1 class="bk-v2-section-title">
  1164.            뉴스        </h1>
  1165.    </div>
  1166.  
  1167.    <!-- 카테고리 드롭다운 메뉴 (모바일에선 wrapper로 감싸서 화살표 힌트) -->
  1168.    <div class="bk-v2-cate-wrap">
  1169.    <nav class="bk-v2-cate-bar" id="bk-v2-cate-bar">
  1170.        <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&preview=v2" class="cate-item active">전체</a>
  1171.                                <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EB%AF%B8%EA%B5%AD&preview=v2" class="cate-item ">미국</a>
  1172.                                            <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EB%89%B4%EC%9E%89%EA%B8%80%EB%9E%9C%EB%93%9C&preview=v2" class="cate-item ">뉴잉글랜드</a>
  1173.                                            <div class="cate-wrap">
  1174.                <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%ED%95%9C%EA%B5%AD&preview=v2" class="cate-item has-dropdown ">한국</a>
  1175.                <div class="dropdown">
  1176.                                        <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%ED%95%9C%EA%B5%AD&preview=v2">한국</a>
  1177.                                        <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EA%B5%AD%EC%A0%9C%EB%89%B4%EC%8A%A4&preview=v2">국제뉴스</a>
  1178.                                    </div>
  1179.            </div>
  1180.                                            <div class="cate-wrap">
  1181.                <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%ED%95%9C%EC%9D%B8&preview=v2" class="cate-item has-dropdown ">한인사회</a>
  1182.                <div class="dropdown">
  1183.                                        <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%ED%95%9C%EC%9D%B8&preview=v2">한인</a>
  1184.                                        <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EC%9D%B8%ED%84%B0%EB%B7%B0&preview=v2">인터뷰</a>
  1185.                                    </div>
  1186.            </div>
  1187.                                            <div class="cate-wrap">
  1188.                <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EB%B9%84%EC%A7%80%EB%8B%88%EC%8A%A4&preview=v2" class="cate-item has-dropdown ">경제</a>
  1189.                <div class="dropdown">
  1190.                                        <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EB%B9%84%EC%A7%80%EB%8B%88%EC%8A%A4&preview=v2">비지니스</a>
  1191.                                        <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EB%AF%B8%EA%B5%AD%EC%A3%BC%EC%8B%9D&preview=v2">미국주식</a>
  1192.                                    </div>
  1193.            </div>
  1194.                                            <div class="cate-wrap">
  1195.                <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EA%B5%90%EC%9C%A1%2C%EC%9C%A0%ED%95%99&preview=v2" class="cate-item has-dropdown ">라이프</a>
  1196.                <div class="dropdown">
  1197.                                        <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EA%B5%90%EC%9C%A1%2C%EC%9C%A0%ED%95%99&preview=v2">교육,유학</a>
  1198.                                        <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EC%82%AC%ED%9A%8C%2C%EB%AC%B8%ED%99%94&preview=v2">사회,문화</a>
  1199.                                        <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EA%B1%B4%EA%B0%95%2C%EC%9B%B0%EB%B9%99&preview=v2">건강,웰빙</a>
  1200.                                        <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EB%B3%B4%EC%8A%A4%ED%86%A4%EC%97%AC%ED%96%89&preview=v2">보스톤여행</a>
  1201.                                    </div>
  1202.            </div>
  1203.                                            <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EC%97%B0%EC%98%88%2C%EC%8A%A4%ED%8F%AC%EC%B8%A0&preview=v2" class="cate-item ">연예/스포츠</a>
  1204.                                            <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EC%B9%BC%EB%9F%BC&preview=v2" class="cate-item ">칼럼</a>
  1205.                                            <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=ENGLISH&preview=v2" class="cate-item ">ENGLISH</a>
  1206.                            <span class="bk-v2-cate-spacer" aria-hidden="true"></span>
  1207.    </nav>
  1208.    </div><!-- /.bk-v2-cate-wrap -->
  1209.  
  1210.    <!-- 검색 결과 라벨 -->
  1211.    
  1212.    <h2 class="sound_only">뉴스 목록</h2>
  1213.  
  1214.        <div class="bk-v2-topnews">
  1215.        <div class="text-col">
  1216.            <h2>
  1217.                <a href="https://bostonkorea.com/news/ai-%ED%88%AC%EC%9E%90-%EC%98%AC%EC%9D%B8%E7%BE%8E-%EB%B9%85%ED%85%8C%ED%81%AC%EB%93%A4-%EC%99%B8%ED%99%94%EC%B1%84%EA%B6%8C-%EB%B0%9C%ED%96%89/">
  1218.                                        AI 투자 올인…美 빅테크들 외화채권 발행                </a>
  1219.            </h2>
  1220.                        <div class="bk-v2-topnews-related">
  1221.                <h3 class="bk-v2-related-title">관련기사</h3>
  1222.                
  1223. <style>
  1224. .latest-related-news {
  1225. margin-top: 10px;
  1226. }
  1227.  
  1228. .related-list {
  1229. list-style: none;
  1230. padding: 0;
  1231. margin: 0;
  1232. }
  1233.  
  1234. .related-item {
  1235. margin-bottom: 12px;
  1236. border-bottom: 1px solid #eee;
  1237. padding-bottom: 12px;
  1238. }
  1239.  
  1240. .related-link {
  1241. text-decoration: none;
  1242. color: inherit;
  1243. display: block;
  1244. }
  1245.  
  1246. .related-with-image {
  1247. display: flex;
  1248. }
  1249.  
  1250. .related-image {
  1251. width: 150px;
  1252. height: 100px;
  1253. flex-shrink: 0;
  1254. overflow: hidden;
  1255. border-radius: 4px;
  1256. margin-right: 10px;
  1257. }
  1258.  
  1259. .related-image img {
  1260. width: 100%;
  1261. height: 100%;
  1262. object-fit: cover;
  1263. display: block;
  1264. }
  1265.  
  1266. .related-content {
  1267. flex: 1;
  1268. }
  1269.  
  1270. .related-title {
  1271. display: block;
  1272. font-weight: bold;
  1273. font-size: 15px;
  1274. line-height: 1.3;
  1275. margin-bottom: 4px;
  1276. color: #111;
  1277. }
  1278.  
  1279. .related-summary {
  1280. font-size: 13px;
  1281. color: #555;
  1282. line-height: 1.4;
  1283. margin: 0;
  1284. }
  1285.  
  1286. .related-title-full {
  1287. display: block;
  1288. font-weight: bold;
  1289. font-size: 15px;
  1290. line-height: 1.4;
  1291. color: #111;
  1292. }
  1293. </style>
  1294.  
  1295.  
  1296. <!-- 메인 뉴스 리스트 시작 -->
  1297. <div class="latest-related-news">
  1299. <ul class="related-list">
  1300. <li class="related-item">
  1301. <a href="https://bostonkorea.com/news/%EC%95%8C%ED%8C%8C%EB%B2%B3-ai-%EC%8B%9C%EB%8C%80-%EC%B5%9C%EB%8C%80-%EC%8A%B9%EC%9E%90-%EB%90%98%EB%82%981%EB%85%84-%EC%83%88-%EC%A3%BC%EA%B0%80/" class="related-link">
  1302. <div class="related-with-image">
  1303. <div class="related-image">
  1304. <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-8d7056de1427925d3d9e2efa91d20587_oiLHMVjY_e06274a70c99f8aad25170e5a9be3a14a56ef3d4_250x250.jpg" alt="알파벳, AI 시대 최대 승자 되나…1년 새 주가 160% 급등">
  1305. </div>
  1306. <div class="related-content">
  1307. <b class="related-title">
  1308. 알파벳, AI 시대 최대 승자 되나…1년 새 주가 </b>
  1309. <p class="related-summary">(보스턴 = 보스턴코리아) 장명술 기자 = 구글 모회사 알파벳이 인공지능…</p>
  1310. </div>
  1311. </div>
  1312. </a>
  1313. </li>
  1314. <li class="related-item">
  1315. <a href="https://bostonkorea.com/news/%EC%95%A4%ED%8A%B8%EB%A1%9C%ED%94%BD-500%EC%96%B5%EB%8B%AC%EB%9F%AC-%ED%88%AC%EC%9E%90%EC%9C%A0%EC%B9%98-%EA%B2%80%ED%86%A0%EB%AA%B8%EA%B0%92-1%EC%B2%9C200%EC%A1%B0%EC%9B%90/" class="related-link">
  1316. <div class="related-with-image">
  1317. <div class="related-image">
  1318. <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-8d7056de1427925d3d9e2efa91d20587_3KVRUoXz_0a2720623ae196f7adbc18c4b32bdb16077be56e_250x250.jpg" alt="&amp;#034;앤트로픽, 500억달러 투자유치 검토…몸값 1천200조원&amp;#034;">
  1319. </div>
  1320. <div class="related-content">
  1321. <b class="related-title">
  1322. &quot;앤트로픽, 500억달러 투자유치 검토…몸값 1천 </b>
  1323. <p class="related-summary">(서울=연합뉴스) 정주호 기자 = 인공지능(AI) 기업 앤트로픽이 올여름…</p>
  1324. </div>
  1325. </div>
  1326. </a>
  1327. </li>
  1328. <li class="related-item">
  1329. <a href="https://bostonkorea.com/news/%ED%85%8C%ED%81%AC-%EC%A0%84%EB%AC%B8%EA%B0%80-%EC%B9%BC%EB%9F%BC%EB%AF%B8%ED%86%A0%EC%8A%A4-%EC%97%94%EC%A7%80%EB%8B%88%EC%96%B4%EC%9D%98-%EC%8B%9C%EA%B0%81%EC%9C%BC%EB%A1%9C-%EB%B3%B8-%EA%B3%B5%ED%8F%AC%EC%9D%98-%EC%8B%A4%EC%B2%B4/" class="related-link">
  1330. <div class="related-with-image">
  1331. <div class="related-image">
  1332. <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-8d7056de1427925d3d9e2efa91d20587_vsm4dKGS_f3b056500b9909c2c567d8317712a27fa3e3fe00_250x250.jpg" alt="[테크 전문가 칼럼]미토스, 엔지니어의 시각으로 본 공포의 실체">
  1333. </div>
  1334. <div class="related-content">
  1335. <b class="related-title">
  1336. [테크 전문가 칼럼]미토스, 엔지니어의 시각으로 </b>
  1337. <p class="related-summary">불과 2년 전인 2024년, 오피스에서 동료들과 GPT-4에 대해 나누던…</p>
  1338. </div>
  1339. </div>
  1340. </a>
  1341. </li>
  1342. </ul>
  1344. </div>
  1345.            </div>
  1346.                        <p class="meta">
  1347.                                <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EB%B9%84%EC%A7%80%EB%8B%88%EC%8A%A4%7C%EB%AF%B8%EA%B5%AD%EC%A3%BC%EC%8B%9D&preview=v2" class="cate-tag">비지니스|미국주식</a>
  1348.                                <span class="sv_member">보스톤</span> ·                 10:54                 · 조회 38            </p>
  1349.        </div>
  1350.        <div class="img-col">
  1351.            <a href="https://bostonkorea.com/news/ai-%ED%88%AC%EC%9E%90-%EC%98%AC%EC%9D%B8%E7%BE%8E-%EB%B9%85%ED%85%8C%ED%81%AC%EB%93%A4-%EC%99%B8%ED%99%94%EC%B1%84%EA%B6%8C-%EB%B0%9C%ED%96%89/">
  1352.                                <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/8d7056de1427925d3d9e2efa91d20587_zpTyM4Xf_086984ceb266f638e59c8db35ff0a26f9be15984.jpg" alt="AI 투자 올인…美 빅테크들 외화채권 발행" onerror="this.onerror=null;this.src='https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-8d7056de1427925d3d9e2efa91d20587_zpTyM4Xf_086984ceb266f638e59c8db35ff0a26f9be15984_250x250.jpg';">
  1353.            </a>
  1354.        </div>
  1355.    </div>
  1356.    
  1357.    <!-- 일반 리스트 (톱뉴스 제외 + 스폰서 5~6번째 고정 노출) -->
  1358.        <div class="bk-v2-list">
  1359.                <div class="news-item ">
  1360.            <div class="text">
  1361.                <h3>
  1362.                    <a href="https://bostonkorea.com/news/%EB%AA%85%ED%92%88-%EC%8B%9C%EC%9E%A5%EC%9D%80-%ED%95%9C%ED%8C%8Clvmh-%EB%A7%88%ED%81%AC-%EC%A0%9C%EC%9D%B4%EC%BD%A5%EC%8A%A4-%ED%8C%90%EB%8B%A4/" class="">
  1363.                                                명품 시장은 한파…LVMH, 마크 제이콥스 판다                    </a>
  1364.                </h3>
  1365.                                <p class="summary">(파리=연합뉴스) 송진원 특파원 = 세계적 명품 기업인 프랑스의 루이뷔통모에헤네시(LVMH)가 패션 브랜드 마크 제이콥스를 매각한다.명품 시장이 위기에 처한 상황에서 LVMH의 포트폴리오를 루이뷔통과 디오르 등 메가 브랜드 중심으로 재편하고 비핵심 브랜드를 정리하는 차원이다.14일(현지…</p>
  1366.                                <p class="meta">
  1367.                                        <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EB%B9%84%EC%A7%80%EB%8B%88%EC%8A%A4%7C%EC%82%AC%ED%9A%8C%2C%EB%AC%B8%ED%99%94&preview=v2" class="cate">비지니스|사회,문화</a>
  1368.                                        10:32                                    </p>
  1369.            </div>
  1370.                        <div class="thumb">
  1371.                <a href="https://bostonkorea.com/news/%EB%AA%85%ED%92%88-%EC%8B%9C%EC%9E%A5%EC%9D%80-%ED%95%9C%ED%8C%8Clvmh-%EB%A7%88%ED%81%AC-%EC%A0%9C%EC%9D%B4%EC%BD%A5%EC%8A%A4-%ED%8C%90%EB%8B%A4/">
  1372.                    <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-8d7056de1427925d3d9e2efa91d20587_mQawF3tX_f671cdb7dda1ef16bc680c08930a79db85bb870c_250x250.jpg" alt="명품 시장은 한파…LVMH, 마크 제이콥스 판다">
  1373.                </a>
  1374.            </div>
  1375.                    </div>
  1376.                <div class="news-item ">
  1377.            <div class="text">
  1378.                <h3>
  1379.                    <a href="https://bostonkorea.com/news/%ED%8A%B8%EB%9F%BC%ED%94%84-%EC%8B%9C%EC%A7%84%ED%95%91%EA%B3%BC-%E5%8C%97-%EB%85%BC%EC%9D%98%EC%8B%9C-%EB%8C%80%EB%A7%8C%EA%B3%B5%EA%B2%A9%EC%8B%9C-%E7%BE%8E%EB%8C%80%EC%9D%91-%EB%82%B4%EA%B2%8C-%EB%AC%BC%EC%96%B4/" class="">
  1380.                                                트럼프 &#034;시진핑과 北 논의…시, '대만공격시 美대응' 내게 물어&#034;                    </a>
  1381.                </h3>
  1382.                                <p class="summary">(베이징 워싱턴=연합뉴스) 홍정규 박성민 특파원 = 도널드 트럼프 미국 대통령은 시진핑 중국 국가주석과의 정상회담에서 북한 문제에 대한 의견을 나눴다고 15일(현지시간) 밝혔다.특파원 공동 취재단에 따르면 중국 방문을 마치고 이날 귀국길에 오른 트럼프 대통령은 전용기에서 기자들과 만난 …</p>
  1383.                                <p class="meta">
  1384.                                        <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EB%AF%B8%EA%B5%AD%7C%EA%B5%AD%EC%A0%9C%EB%89%B4%EC%8A%A4&preview=v2" class="cate">미국|국제뉴스</a>
  1385.                                        10:03                                    </p>
  1386.            </div>
  1387.                        <div class="thumb">
  1388.                <a href="https://bostonkorea.com/news/%ED%8A%B8%EB%9F%BC%ED%94%84-%EC%8B%9C%EC%A7%84%ED%95%91%EA%B3%BC-%E5%8C%97-%EB%85%BC%EC%9D%98%EC%8B%9C-%EB%8C%80%EB%A7%8C%EA%B3%B5%EA%B2%A9%EC%8B%9C-%E7%BE%8E%EB%8C%80%EC%9D%91-%EB%82%B4%EA%B2%8C-%EB%AC%BC%EC%96%B4/">
  1389.                    <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-8d7056de1427925d3d9e2efa91d20587_wFP6pI40_38bb8dea38a0fb049614ac99a0f10c99d2dd9c3c_250x250.jpg" alt="트럼프 &amp;#034;시진핑과 北 논의…시, &#039;대만공격시 美대응&#039; 내게 물어&amp;#034;">
  1390.                </a>
  1391.            </div>
  1392.                    </div>
  1393.                <div class="news-item ">
  1394.            <div class="text">
  1395.                <h3>
  1396.                    <a href="https://bostonkorea.com/news/%EB%B3%B4%EC%8A%A4%ED%84%B4-%EA%B3%A0%EA%B8%89-%ED%95%9C%EC%8B%9D-%EA%B3%A0%EA%B8%B0%EA%B5%AC%EC%9D%B4%EC%A7%91-%EC%A7%84%EC%A7%80-%EC%98%A4%ED%94%88%EB%A9%94%EB%89%B4%EA%B0%80%EA%B2%A9%EC%A3%BC%EB%AC%B8%EB%B2%95-%EC%B4%9D%EC%A0%95%EB%A6%AC/" class="">
  1397.                                                보스턴 고급 한식 고기구이집 '진지' 오픈…메뉴·가격·주문법 총정리                    </a>
  1398.                </h3>
  1399.                                <p class="summary">(보스톤 = 보스톤코리아) 한새벽 기자 = 산바다에 이어 ‘진지(JInji)’가 보스톤에서 새로운 한식 바람을 일으키고 있다. 보스턴의 작은 코리아타운 올스턴에 들어선 고급 한국식 고기 구이 ‘진지’가 지난 4월 하순부터 약식으로 문을 열며 산바다에 이어 연타석 홈런을 날리고 있다.&n…</p>
  1400.                                <p class="meta">
  1401.                                        <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%ED%95%9C%EC%9D%B8&preview=v2" class="cate">한인</a>
  1402.                                        05-14                                    </p>
  1403.            </div>
  1404.                        <div class="thumb">
  1405.                <a href="https://bostonkorea.com/news/%EB%B3%B4%EC%8A%A4%ED%84%B4-%EA%B3%A0%EA%B8%89-%ED%95%9C%EC%8B%9D-%EA%B3%A0%EA%B8%B0%EA%B5%AC%EC%9D%B4%EC%A7%91-%EC%A7%84%EC%A7%80-%EC%98%A4%ED%94%88%EB%A9%94%EB%89%B4%EA%B0%80%EA%B2%A9%EC%A3%BC%EB%AC%B8%EB%B2%95-%EC%B4%9D%EC%A0%95%EB%A6%AC/">
  1406.                    <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-d607fdb046ede3f352d4d4cad20edd6b_mQLaCgjB_5734d3b5d12e3c8b4d73d89f4c19fc0367e88991_250x250.jpg" alt="보스턴 고급 한식 고기구이집 &#039;진지&#039; 오픈…메뉴·가격·주문법 총정리">
  1407.                </a>
  1408.            </div>
  1409.                    </div>
  1410.                <div class="news-item ">
  1411.            <div class="text">
  1412.                <h3>
  1413.                    <a href="https://bostonkorea.com/news/%ED%95%9C%EA%B5%AD-%EC%84%9C%EC%98%88%EC%9D%98-%EB%8C%80%EA%B0%80%EB%93%A4-%EB%B3%B4%EC%8A%A4%ED%84%B4%EC%97%90-%EC%A7%91%EA%B2%B0%EB%B0%B1%EC%9A%B0%EB%8F%99%EC%9D%B8%ED%9A%8C%EB%89%B4%EC%9E%89%EA%B8%80%EB%9E%9C%EB%93%9C-%ED%95%9C%EA%B5%AD%ED%95%99%EA%B5%9050%EC%A3%BC%EB%85%84-%EA%B8%B0%EB%85%90%EC%A0%84/" class="">
  1414.                                                한국 서예의 대가들 보스턴에 집결…백우동인회·뉴잉글랜드 한국학교50주년 기념전                    </a>
  1415.                </h3>
  1416.                                <p class="summary">(보스톤 = 보스톤코리아) 장명술 기자 =&nbsp; 한국 서예와 한국화, 문인화의 중진·원로 작가들이 보스턴에서 이례적인 전시회를 연다. 백우동인회 창립 50주년과 뉴잉글랜드 한국학교 개교 50주년을 함께 기념하는 초대전 ‘백우동인전’이 오는 5월 25일 월요일부터 30일 토요일까지 …</p>
  1417.                                <p class="meta">
  1418.                                        <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%ED%95%9C%EC%9D%B8&preview=v2" class="cate">한인</a>
  1419.                                        05-14                                    </p>
  1420.            </div>
  1421.                        <div class="thumb">
  1422.                <a href="https://bostonkorea.com/news/%ED%95%9C%EA%B5%AD-%EC%84%9C%EC%98%88%EC%9D%98-%EB%8C%80%EA%B0%80%EB%93%A4-%EB%B3%B4%EC%8A%A4%ED%84%B4%EC%97%90-%EC%A7%91%EA%B2%B0%EB%B0%B1%EC%9A%B0%EB%8F%99%EC%9D%B8%ED%9A%8C%EB%89%B4%EC%9E%89%EA%B8%80%EB%9E%9C%EB%93%9C-%ED%95%9C%EA%B5%AD%ED%95%99%EA%B5%9050%EC%A3%BC%EB%85%84-%EA%B8%B0%EB%85%90%EC%A0%84/">
  1423.                    <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-d607fdb046ede3f352d4d4cad20edd6b_OR0DVm4b_4a8485fe23d554249aa75b459ab9410e80066e0a_250x250.jpg" alt="한국 서예의 대가들 보스턴에 집결…백우동인회·뉴잉글랜드 한국학교50주년 기념전">
  1424.                </a>
  1425.            </div>
  1426.                    </div>
  1427.                <div class="news-item ">
  1428.            <div class="text">
  1429.                <h3>
  1430.                    <a href="https://bostonkorea.com/news/%EB%AF%BC%EC%A3%BC%ED%8F%89%ED%86%B5-%EB%B3%B4%EC%8A%A4%ED%84%B4%ED%98%91%EC%9D%98%ED%9A%8C-2026-%EC%B2%AD%EC%86%8C%EB%85%84-%ED%8F%89%ED%99%94%ED%86%B5%EC%9D%BC-%EA%B3%A8%EB%93%A0%EB%B2%A8-%EA%B0%9C%EC%B5%9C/" class="">
  1431.                        <span class="bk-v2-sponsor-tag">Sponsored</span>                         민주평통 보스턴협의회, '2026 청소년 평화통일 골든벨' 개최                    </a>
  1432.                </h3>
  1433.                                <p class="summary">(보스턴 = 보스톤코리아) 편집부 = 민주평화통일자문회의 보스턴협의회가 미래 세대의 주역인 청소년들에게 한반도 평화와 통일에 대한 올바른 인식을 심어주기 위해 '2026년 청소년 평화통일 골든벨' 대회를 개최한다.이번 대회는 오는 6월 13일(토) 오후 1시 30분부터 월댐 새빛교회 내…</p>
  1434.                                <p class="meta">
  1435.                                        <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EC%8A%A4%ED%8F%B0%EC%84%9C&preview=v2" class="cate">스폰서</a>
  1436.                                        05-11                                    </p>
  1437.            </div>
  1438.                        <div class="thumb">
  1439.                <a href="https://bostonkorea.com/news/%EB%AF%BC%EC%A3%BC%ED%8F%89%ED%86%B5-%EB%B3%B4%EC%8A%A4%ED%84%B4%ED%98%91%EC%9D%98%ED%9A%8C-2026-%EC%B2%AD%EC%86%8C%EB%85%84-%ED%8F%89%ED%99%94%ED%86%B5%EC%9D%BC-%EA%B3%A8%EB%93%A0%EB%B2%A8-%EA%B0%9C%EC%B5%9C/">
  1440.                    <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-8d7056de1427925d3d9e2efa91d20587_YwimErUX_c99c5586b34088c99c6a105545e8912b9585cf12_250x250.jpg" alt="민주평통 보스턴협의회, &#039;2026 청소년 평화통일 골든벨&#039; 개최">
  1441.                </a>
  1442.            </div>
  1443.                    </div>
  1444.                <div class="news-item ">
  1445.            <div class="text">
  1446.                <h3>
  1447.                    <a href="https://bostonkorea.com/news/k-%EC%BB%AC%EC%B2%98%EC%9D%98-%EC%A2%85%EC%B0%A9%EC%97%AD%EC%9D%80-%ED%95%9C%EB%B0%98%EB%8F%84-%ED%8F%89%ED%99%94-%EB%B3%B4%EC%8A%A4%ED%84%B4-k-%ED%94%BC%EC%8A%A4-%ED%8E%98%EC%8A%A4%ED%8B%B0%EB%B2%8C-%EC%84%B1%EB%A3%8C/" class="">
  1448.                                                &#034;K-컬처의 종착역은 한반도 평화&#034;… 보스턴 K-피스 페스티벌 성료                    </a>
  1449.                </h3>
  1450.                                <p class="summary">(보스톤=보스톤코리아) 편집부 = 민주평화통일자문회의 보스턴협의회가 주최한 '2026 보스턴 K-피스 컬처 페스티벌(2026 BOSTON K-PEACE CULTURE FESTIVAL)'이 지난 9일(토) 월댐 새빛교회에서 열렸다. 행사는 당초 보스턴 카플리 스퀘어에서 진행될 예정이었으나…</p>
  1451.                                <p class="meta">
  1452.                                        <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%ED%95%9C%EC%9D%B8&preview=v2" class="cate">한인</a>
  1453.                                        05-14                                    </p>
  1454.            </div>
  1455.                        <div class="thumb">
  1456.                <a href="https://bostonkorea.com/news/k-%EC%BB%AC%EC%B2%98%EC%9D%98-%EC%A2%85%EC%B0%A9%EC%97%AD%EC%9D%80-%ED%95%9C%EB%B0%98%EB%8F%84-%ED%8F%89%ED%99%94-%EB%B3%B4%EC%8A%A4%ED%84%B4-k-%ED%94%BC%EC%8A%A4-%ED%8E%98%EC%8A%A4%ED%8B%B0%EB%B2%8C-%EC%84%B1%EB%A3%8C/">
  1457.                    <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-d607fdb046ede3f352d4d4cad20edd6b_uxy4YWdJ_b997008e41b9bd70f89456759aacee550e69079a_250x250.jpg" alt="&amp;#034;K-컬처의 종착역은 한반도 평화&amp;#034;… 보스턴 K-피스 페스티벌 성료">
  1458.                </a>
  1459.            </div>
  1460.                    </div>
  1461.                <div class="news-item ">
  1462.            <div class="text">
  1463.                <h3>
  1464.                    <a href="https://bostonkorea.com/news/%ED%95%9C%ED%83%80%EB%B0%94%EC%9D%B4%EB%9F%AC%EC%8A%A4-%EB%B0%9C%EC%83%9D-%ED%81%AC%EB%A3%A8%EC%A6%88%EC%84%A0%EC%97%90-%EB%89%B4%ED%96%84%ED%94%84%EC%85%94-%EA%B1%B0%EC%A3%BC%EC%9E%90-2%EB%AA%85-%ED%83%91%EC%8A%B9-%ED%99%95%EC%9D%B8/" class="">
  1465.                                                한타바이러스 발생 크루즈선에 뉴햄프셔 거주자 2명 탑승 확인                    </a>
  1466.                </h3>
  1467.                                <p class="summary">(보스톤=보스톤코리아) 한새벽 기자 = 치명적인 한타바이러스(Hantavirus) 집단 감염이 발생한 크루즈선에 뉴햄프셔주(NH) 주소를 둔 미국인 2명이 탑승했던 것으로 확인됐다.뉴햄프셔주 보건복지부는 11일 발표한 성명에서 이들 두 사람이 현재 미국으로 돌아왔지만 뉴햄프셔에는 머무르…</p>
  1468.                                <p class="meta">
  1469.                                        <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EB%89%B4%EC%9E%89%EA%B8%80%EB%9E%9C%EB%93%9C&preview=v2" class="cate">뉴잉글랜드</a>
  1470.                                        05-14                                    </p>
  1471.            </div>
  1472.                        <div class="thumb">
  1473.                <a href="https://bostonkorea.com/news/%ED%95%9C%ED%83%80%EB%B0%94%EC%9D%B4%EB%9F%AC%EC%8A%A4-%EB%B0%9C%EC%83%9D-%ED%81%AC%EB%A3%A8%EC%A6%88%EC%84%A0%EC%97%90-%EB%89%B4%ED%96%84%ED%94%84%EC%85%94-%EA%B1%B0%EC%A3%BC%EC%9E%90-2%EB%AA%85-%ED%83%91%EC%8A%B9-%ED%99%95%EC%9D%B8/">
  1474.                    <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-8d7056de1427925d3d9e2efa91d20587_LhT9tsKW_3e57ae8c9a5415ed08b6628f6bc554cdd9910a4b_250x250.jpg" alt="한타바이러스 발생 크루즈선에 뉴햄프셔 거주자 2명 탑승 확인">
  1475.                </a>
  1476.            </div>
  1477.                    </div>
  1478.                <div class="news-item ">
  1479.            <div class="text">
  1480.                <h3>
  1481.                    <a href="https://bostonkorea.com/news/%EC%B2%AD%EB%85%84-%EC%9D%B8%EC%9E%AC%EB%93%A4-%EB%B3%B4%EC%8A%A4%ED%84%B4-5%EB%85%84-%EB%82%B4-%EB%96%A0%EB%82%98%EA%B2%A0%EB%8B%A4-26%EB%A1%9C-%EB%8A%98%EC%96%B4/" class="">
  1482.                                                청년 인재들 보스턴 &#034;5년 내 떠나겠다&#034; 26%로 늘어                    </a>
  1483.                </h3>
  1484.                                <p class="summary">(보스톤=보스톤코리아) 한새벽 기자 = 치솟는 주거비를 견디지 못한 젊은 고학력 인력이 보스턴을 떠나겠다는 의견이 늘면서 지역 경제의 가장 중요한 자산이 빠져나가고 있다는 경고가 나왔다.그레이터보스턴상공회의소재단(Greater Boston Chamber of Commerce Founda…</p>
  1485.                                <p class="meta">
  1486.                                        <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EB%89%B4%EC%9E%89%EA%B8%80%EB%9E%9C%EB%93%9C&preview=v2" class="cate">뉴잉글랜드</a>
  1487.                                        05-14                                    </p>
  1488.            </div>
  1489.                        <div class="thumb">
  1490.                <a href="https://bostonkorea.com/news/%EC%B2%AD%EB%85%84-%EC%9D%B8%EC%9E%AC%EB%93%A4-%EB%B3%B4%EC%8A%A4%ED%84%B4-5%EB%85%84-%EB%82%B4-%EB%96%A0%EB%82%98%EA%B2%A0%EB%8B%A4-26%EB%A1%9C-%EB%8A%98%EC%96%B4/">
  1491.                    <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-8d7056de1427925d3d9e2efa91d20587_nOqjyo7A_cc201fb4cb4de650f9fe8c99b8779a32d3646c0c_250x250.jpg" alt="청년 인재들 보스턴 &amp;#034;5년 내 떠나겠다&amp;#034; 26%로 늘어">
  1492.                </a>
  1493.            </div>
  1494.                    </div>
  1495.                <div class="news-item ">
  1496.            <div class="text">
  1497.                <h3>
  1498.                    <a href="https://bostonkorea.com/news/%EB%A7%A4%EC%82%AC%EC%B6%94%EC%84%B8%EC%B8%A0-%EA%B3%B3%EA%B3%B3%EC%84%9C-%EB%B4%84%EC%B2%A0-%EA%B3%B0-%EB%AA%A9%EA%B2%A9-%EB%8A%98%EC%96%B4/" class="">
  1499.                                                매사추세츠 곳곳서 봄철 곰 목격 늘어                    </a>
  1500.                </h3>
  1501.                                <p class="summary">(보스톤=보스톤코리아) 한새벽 기자 = 매사추세츠 곳곳에서 흑곰을 목격했다는 신고가 잇따르고 있다. 서부 지역뿐 아니라 우스터카운티를 포함한 주 중부까지 곰이 서식지를 확장하고 있기 때문이다.&nbsp;12일 보스턴글로브 보도에 따르면, 지난 주말 우스터카운티의 그래프턴과 슈루즈베리에서…</p>
  1502.                                <p class="meta">
  1503.                                        <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EB%89%B4%EC%9E%89%EA%B8%80%EB%9E%9C%EB%93%9C&preview=v2" class="cate">뉴잉글랜드</a>
  1504.                                        05-14                                    </p>
  1505.            </div>
  1506.                        <div class="thumb">
  1507.                <a href="https://bostonkorea.com/news/%EB%A7%A4%EC%82%AC%EC%B6%94%EC%84%B8%EC%B8%A0-%EA%B3%B3%EA%B3%B3%EC%84%9C-%EB%B4%84%EC%B2%A0-%EA%B3%B0-%EB%AA%A9%EA%B2%A9-%EB%8A%98%EC%96%B4/">
  1508.                    <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-8d7056de1427925d3d9e2efa91d20587_F6Urc54P_0975edae705c9f182b1fd1aa7e4659db01a6d131_250x250.jpg" alt="매사추세츠 곳곳서 봄철 곰 목격 늘어">
  1509.                </a>
  1510.            </div>
  1511.                    </div>
  1512.                <div class="news-item no-thumb">
  1513.            <div class="text">
  1514.                <h3>
  1515.                    <a href="https://bostonkorea.com/news/%EC%9E%AC%EB%AF%B8%EB%A1%9C-%EB%B3%B4%EB%8A%94-%EC%A3%BC%EA%B0%84-%EC%9A%B4%EC%84%B8-%EC%A7%80%EC%9C%A4-%EC%B2%A0%ED%95%99%EC%9B%90/" class="">
  1516.                                                재미로 보는 주간 운세 (지윤 철학원)                    </a>
  1517.                </h3>
  1518.                                <p class="summary">쥐띠 | 대화의 물꼬가 터지면● 운수: 어수선하고 안정이 되지 않아서 올바른 판단을 하기 힘들겠습니다. 중요한 일이나 결정은 다음으로 미루는 것이 바람직합니다. ● 금전: 조금만 신경 쓰면 문제가 될 만한 일을 미리 발견할 수 있으니 잘 체크하고 넘어가야 합니다. ● 애정: 가족 간의 …</p>
  1519.                                <p class="meta">
  1520.                                        <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EC%82%AC%ED%9A%8C%2C%EB%AC%B8%ED%99%94&preview=v2" class="cate">사회,문화</a>
  1521.                                        05-14                                    </p>
  1522.            </div>
  1523.                    </div>
  1524.                <div class="news-item no-thumb">
  1525.            <div class="text">
  1526.                <h3>
  1527.                    <a href="https://bostonkorea.com/news/%ED%95%98%EB%82%98%EB%8B%98%EC%9D%B4-%EC%B0%BE%EC%9C%BC%EC%8B%9C%EB%8A%94-%EC%98%88%EB%B0%B0/" class="">
  1528.                                                “하나님이 찾으시는 예배”                    </a>
  1529.                </h3>
  1530.                                <p class="summary">“1전능하신 자 하나님 여호와께서 말씀하사 해돋는데서부터 지는 데까지 세상을 부르셨도다14감사로 하나님께 제사를 드리며 지극히 높으신 자에게 네 서원을 갚으며 15환난날에 나를 부르라 내가 너를 건지리니 네가 나를 영화롭게 하리로다&nbsp;23감사로 제사를 드리는 자가 나를 영화롭게 …</p>
  1531.                                <p class="meta">
  1532.                                        <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EC%B9%BC%EB%9F%BC&preview=v2" class="cate">칼럼</a>
  1533.                                        05-14                                    </p>
  1534.            </div>
  1535.                    </div>
  1536.                <div class="news-item ">
  1537.            <div class="text">
  1538.                <h3>
  1539.                    <a href="https://bostonkorea.com/news/%EB%AC%B4%EC%A7%80%EC%99%B8%EB%B0%98%EC%A6%9D/" class="">
  1540.                                                무지외반증                    </a>
  1541.                </h3>
  1542.                                <p class="summary">이번 주 휴람 의료정보에서는 엄지발가락 변형 질환으로 치료를 미루면 발 전체까지 변형되어 걸음걸이도 틀어지는 무지외반증에 대해서 휴람 의료네트워크 세란병원 정형외과 족부센터 이 원우과장의 도움을 받아 자세히 알아보고자 한다.엄지발가락이 바깥쪽으로 휘고 발 안쪽 뼈가 튀어나오는 무지외반증…</p>
  1543.                                <p class="meta">
  1544.                                        <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EC%B9%BC%EB%9F%BC&preview=v2" class="cate">칼럼</a>
  1545.                                        05-14                                    </p>
  1546.            </div>
  1547.                        <div class="thumb">
  1548.                <a href="https://bostonkorea.com/news/%EB%AC%B4%EC%A7%80%EC%99%B8%EB%B0%98%EC%A6%9D/">
  1549.                    <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-117e555a9c10a9e9853ccc179280d1f8_xl9SXKEL_f56b6dedfd60212e6f4c295d605269e8c086f310_250x250.jpg" alt="무지외반증">
  1550.                </a>
  1551.            </div>
  1552.                    </div>
  1553.                <div class="news-item no-thumb">
  1554.            <div class="text">
  1555.                <h3>
  1556.                    <a href="https://bostonkorea.com/news/%ED%8F%89%EC%83%9D-%EC%9D%BC%ED%95%B4%EB%8F%84-%EA%B0%80%EB%82%9C%ED%95%9C-%EC%9D%B4%EC%9C%A0-%EB%8B%A8-%ED%95%98%EB%82%98/" class="">
  1557.                                                평생 일해도 가난한 이유, 단 하나                    </a>
  1558.                </h3>
  1559.                                <p class="summary">우리는 모두 더 나은 삶을 꿈꾸며 누구보다 성실하게 살아간다. 하루하루 묵묵히 일하고, 자녀 교육에도 최선을 다한다. 그럼에도 불구하고 기대만큼 재정적인 여유를 이루지 못하는 경우가 적지 않다.이유는 복잡하지 않다. 미국은 물론 한국에서 자본주의의 핵심 구조에 제대로 참여하지 못하고 있…</p>
  1560.                                <p class="meta">
  1561.                                        <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EC%B9%BC%EB%9F%BC&preview=v2" class="cate">칼럼</a>
  1562.                                        05-14                                    </p>
  1563.            </div>
  1564.                    </div>
  1565.                <div class="news-item ">
  1566.            <div class="text">
  1567.                <h3>
  1568.                    <a href="https://bostonkorea.com/news/%EC%9D%B8%EB%A5%98%EC%97%B0%EC%9E%AC-%EB%8B%AC%EB%A6%AC%EA%B8%B0%EC%99%80-%EC%98%81%EC%98%81/" class="">
  1569.                                                [인류연재]  달리기와 영영                    </a>
  1570.                </h3>
  1571.                                <p class="summary">해마다 오월이면 동네 호숫가에서 달리기 대회가 열린다. 이건 이제 이 세상에 없는 아이를 추모하기 위해 남은 가족들이 주최하는 행사이기도 하다. 올해로 어느덧 다섯 살이 된 'Emma's Run'. 달리기 대회 첫해엔 엠마 아빠가 호숫가에 모인 사람들 앞에 서서 마이크를 쥔 두 손을 끊…</p>
  1572.                                <p class="meta">
  1573.                                        <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EC%B9%BC%EB%9F%BC&preview=v2" class="cate">칼럼</a>
  1574.                                        05-14                                    </p>
  1575.            </div>
  1576.                        <div class="thumb">
  1577.                <a href="https://bostonkorea.com/news/%EC%9D%B8%EB%A5%98%EC%97%B0%EC%9E%AC-%EB%8B%AC%EB%A6%AC%EA%B8%B0%EC%99%80-%EC%98%81%EC%98%81/">
  1578.                    <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-117e555a9c10a9e9853ccc179280d1f8_xED0cFtl_6acd9c7245d64fc20d01ee030a56dab9ba871784_250x250.jpg" alt="[인류연재]  달리기와 영영">
  1579.                </a>
  1580.            </div>
  1581.                    </div>
  1582.                <div class="news-item no-thumb">
  1583.            <div class="text">
  1584.                <h3>
  1585.                    <a href="https://bostonkorea.com/news/%EB%89%B4%EC%9E%89%EA%B8%80%EB%9E%9C%EB%93%9C-%ED%95%9C%EC%9D%B8-%EA%B0%84%ED%98%B8%EC%82%AC-%ED%98%91%ED%9A%8C-%EA%B1%B4%EA%B0%95-%EC%BB%AC%EB%9F%BC-1/" class="">
  1586.                                                뉴잉글랜드 한인 간호사 협회 건강 컬럼 (1) – 간호사, 우리가 몰랐던 이야기                    </a>
  1587.                </h3>
  1588.                                <p class="summary">이번 달부터 뉴잉글랜드 한인 간호사 협회에서는 한인 커뮤니티의 건강 증진을 위해 다양한 건강 이야기를 전해드리고자 합니다.&nbsp; 첫 번째 주제로,&nbsp; 간호사의 역사와 교육 과정, 그리고 최근 주목받고 있는 전문 간호사에 대해 소개드리고자 합니다.&nbsp;간호는 오래전 가족…</p>
  1589.                                <p class="meta">
  1590.                                        <a href="https://bostonkorea.com/bbs/board.php?bo_table=news&sca=%EC%B9%BC%EB%9F%BC&preview=v2" class="cate">칼럼</a>
  1591.                                        05-14                                    </p>
  1592.            </div>
  1593.                    </div>
  1594.        
  1595.            </div>
  1596.  
  1597.    <!-- 페이지네이션 (preview=v2 유지) -->
  1598.    <nav class="pg_wrap"><span class="pg"><span class="sound_only">열린</span><strong class="pg_current">1</strong><span class="sound_only">페이지</span>
  1599. <a href="https://bostonkorea.com/news?page=2&amp;preview=v2" class="pg_page">2<span class="sound_only">페이지</span></a>
  1600. <a href="https://bostonkorea.com/news?page=3&amp;preview=v2" class="pg_page">3<span class="sound_only">페이지</span></a>
  1601. <a href="https://bostonkorea.com/news?page=4&amp;preview=v2" class="pg_page">4<span class="sound_only">페이지</span></a>
  1602. <a href="https://bostonkorea.com/news?page=5&amp;preview=v2" class="pg_page">5<span class="sound_only">페이지</span></a>
  1603. <a href="https://bostonkorea.com/news?page=6&amp;preview=v2" class="pg_page">6<span class="sound_only">페이지</span></a>
  1604. <a href="https://bostonkorea.com/news?page=7&amp;preview=v2" class="pg_page">7<span class="sound_only">페이지</span></a>
  1605. <a href="https://bostonkorea.com/news?page=8&amp;preview=v2" class="pg_page">8<span class="sound_only">페이지</span></a>
  1606. <a href="https://bostonkorea.com/news?page=9&amp;preview=v2" class="pg_page">9<span class="sound_only">페이지</span></a>
  1607. <a href="https://bostonkorea.com/news?page=10&amp;preview=v2" class="pg_page">10<span class="sound_only">페이지</span></a>
  1608. <a href="https://bostonkorea.com/news?page=11&amp;preview=v2" class="pg_page pg_next">다음</a>
  1609. <a href="https://bostonkorea.com/news?page=2770&amp;preview=v2" class="pg_page pg_end">맨끝</a>
  1610. </span></nav>
  1611. </div>
  1612.  
  1613.  
  1614. <!-- } 게시판 목록 v2 끝 -->
  1615.  
  1616. <style>
  1617. .sideBanner{
  1618. margin-top: 5px;
  1619. float: right;
  1620. width: 25%;
  1621. }
  1622. .sideBanner > a > img{ margin-top: 15px; }
  1623. .sideBanner > img{  margin-top: 15px;  }
  1625. /* 모바일(767px 이하): 1컬럼 */
  1626. @media screen and (max-width: 980px) {
  1628. .sideBanner{
  1629. float: none;
  1630. display: block;
  1631. width: 100%;
  1632. padding: 0 10px;
  1633. }
  1635. }
  1638. </style>
  1639.  
  1640.    </div><!-- // #container 닫음 -->
  1642. <aside id="sideBar">
  1643. <h2 class="sound_only">사이트 전체메뉴</h2>
  1644.  
  1645. <!-- SNB // -->
  1646. <ul id="snb"><li class="snb  d1_news  sca보스톤여행 sca미국 sca뉴잉글랜드 sca한인 sca한국 sca칼럼 sca교육%2C유학 sca비즈니스 sca국제뉴스 sca미국주식 sca사회%2C문화 sca연예%2C스포츠 sca건강%2C웰빙 sca인터뷰 scaENGLISH "><h2 class="bnBar_10"><a href="/news" target="_self"><b>뉴스</b> <sub></sub></a></h2><em class="snb2dDown"><b></b><i class="fa fa-angle-down"></i><u class="fa fa-angle-up"></u></em><ul class="snb2dul"><li class="snb2d snb2d_ d2_news"><a href="/news" target="_self"><b><i class="fa fa-angle-right"></i> 전체기사</b></a></li><li class="snb2d snb2d_sca보스톤여행 d2_newssca보스톤여행"><a href="/news?sca=보스톤여행" target="_self"><b><i class="fa fa-angle-right"></i> 보스톤여행</b></a></li><li class="snb2d snb2d_sca미국 d2_newssca미국"><a href="/news?sca=미국" target="_self"><b><i class="fa fa-angle-right"></i> 미국</b></a></li><li class="snb2d snb2d_sca뉴잉글랜드 d2_newssca뉴잉글랜드"><a href="/news?sca=뉴잉글랜드" target="_self"><b><i class="fa fa-angle-right"></i> 뉴잉글랜드</b></a></li><li class="snb2d snb2d_sca한인 d2_newssca한인"><a href="/news?sca=한인" target="_self"><b><i class="fa fa-angle-right"></i> 한인</b></a></li><li class="snb2d snb2d_sca한국 d2_newssca한국"><a href="/news?sca=한국" target="_self"><b><i class="fa fa-angle-right"></i> 한국</b></a></li><li class="snb2d snb2d_sca칼럼 d2_newssca칼럼"><a href="/news?sca=칼럼" target="_self"><b><i class="fa fa-angle-right"></i> 칼럼</b></a></li><li class="snb2d snb2d_sca교육%2C유학 d2_newssca교육2C유학"><a href="/news?sca=교육%2C유학" target="_self"><b><i class="fa fa-angle-right"></i> 교육,유학</b></a></li><li class="snb2d snb2d_sca비즈니스 d2_newssca비즈니스"><a href="/news?sca=비즈니스" target="_self"><b><i class="fa fa-angle-right"></i> 비즈니스</b></a></li><li class="snb2d snb2d_sca국제뉴스 d2_newssca국제뉴스"><a href="/news?sca=국제뉴스" target="_self"><b><i class="fa fa-angle-right"></i> 국제뉴스</b></a></li><li class="snb2d snb2d_sca미국주식 d2_newssca미국주식"><a href="/news?sca=미국주식" target="_self"><b><i class="fa fa-angle-right"></i> 미국주식</b></a></li><li class="snb2d snb2d_sca사회%2C문화 d2_newssca사회2C문화"><a href="/news?sca=사회%2C문화" target="_self"><b><i class="fa fa-angle-right"></i> 사회,문화</b></a></li><li class="snb2d snb2d_sca연예%2C스포츠 d2_newssca연예2C스포츠"><a href="/news?sca=연예%2C스포츠" target="_self"><b><i class="fa fa-angle-right"></i> 연예,스포츠</b></a></li><li class="snb2d snb2d_sca건강%2C웰빙 d2_newssca건강2C웰빙"><a href="/news?sca=건강%2C웰빙" target="_self"><b><i class="fa fa-angle-right"></i> 건강,웰빙</b></a></li><li class="snb2d snb2d_sca인터뷰 d2_newssca인터뷰"><a href="/news?sca=인터뷰" target="_self"><b><i class="fa fa-angle-right"></i> 인터뷰</b></a></li><li class="snb2d snb2d_scaENGLISH d2_newsscaENGLISH"><a href="/news?sca=ENGLISH" target="_self"><b><i class="fa fa-angle-right"></i> ENGLISH</b></a></li></ul></li><li class="snb  d1_           "><h2 class="bnBar_20"><a href="#" target="_self"><b>커뮤니티</b> <sub></sub></a></h2><em class="snb2dDown"><b></b><i class="fa fa-angle-down"></i><u class="fa fa-angle-up"></u></em><ul class="snb2dul"><li class="snb2d snb2d_ d2_realty"><a href="/realty" target="_self"><b><i class="fa fa-angle-right"></i> 부동산 매매</b></a></li><li class="snb2d snb2d_ d2_sublet"><a href="/sublet" target="_self"><b><i class="fa fa-angle-right"></i> 부동산 렌트</b></a></li><li class="snb2d snb2d_ d2_job"><a href="/job" target="_self"><b><i class="fa fa-angle-right"></i> 구인</b></a></li><li class="snb2d snb2d_ d2_jobhunt"><a href="/jobhunt" target="_self"><b><i class="fa fa-angle-right"></i> 구직</b></a></li><li class="snb2d snb2d_ d2_study"><a href="/study" target="_self"><b><i class="fa fa-angle-right"></i> 학원,튜터링</b></a></li><li class="snb2d snb2d_ d2_madang"><a href="/madang" target="_self"><b><i class="fa fa-angle-right"></i> 알림마당</b></a></li><li class="snb2d snb2d_ d2_help"><a href="/help" target="_self"><b><i class="fa fa-angle-right"></i> 미국생활Q/A</b></a></li><li class="snb2d snb2d_ d2_sale"><a href="/sale" target="_self"><b><i class="fa fa-angle-right"></i> 사고,팔고</b></a></li><li class="snb2d snb2d_ d2_livingservice"><a href="/livingservice" target="_self"><b><i class="fa fa-angle-right"></i> 생활서비스</b></a></li><li class="snb2d snb2d_ d2_suda"><a href="https://bostonkorea.com/suda" target="_self"><b><i class="fa fa-angle-right"></i> 수다뉴스</b></a></li></ul></li><li class="snb  d1_yellowpage "><h2 class="bnBar_30"><a href="/yellowpage" target="_self"><b>한인업소록</b> <sub></sub></a></h2></li><li class="snb  d1_     "><h2 class="bnBar_40"><a href="#" target="_self"><b>유학</b> <sub></sub></a></h2><em class="snb2dDown"><b></b><i class="fa fa-angle-down"></i><u class="fa fa-angle-up"></u></em><ul class="snb2dul"><li class="snb2d snb2d_ d2_study_news"><a href="/study_news" target="_self"><b><i class="fa fa-angle-right"></i> 유학관련뉴스</b></a></li><li class="snb2d snb2d_ d2_school"><a href="/school" target="_self"><b><i class="fa fa-angle-right"></i> 명문 사립학교 소개</b></a></li><li class="snb2d snb2d_ d2_college_guide"><a href="/college_guide" target="_self"><b><i class="fa fa-angle-right"></i> 명문대학 진학 가이드</b></a></li><li class="snb2d snb2d_ d2_study"><a href="/study" target="_self"><b><i class="fa fa-angle-right"></i> 학원,튜터링</b></a></li></ul></li><li class="snb  d1_boston "><h2 class="bnBar_50"><a href="/boston" target="_self"><b>보스톤정보</b> <sub></sub></a></h2></li><li class="snb  d1_newspaper "><h2 class="bnBar_60"><a href="/news_paper" target="_self"><b>지면보기</b> <sub></sub></a></h2></li><li class="snb sca보스톤여행 d1_newssca보스톤여행 "><h2 class="bnBar_70"><a href="/news?sca=보스톤여행" target="_self"><b>보스톤여행</b> <sub></sub></a></h2></li><li class="snb sca미국주식 d1_newssca미국주식 "><h2 class="bnBar_80"><a href="/news?sca=미국주식" target="_self"><b>미국주식</b> <sub></sub></a></h2></li><li class="snb  d1_realty "><h2 class="bnBar_90"><a href="/realty" target="_self"><b>부동산</b> <sub></sub></a></h2></li><li class="snb noInfoPageTit  none_ none_"></li></ul>
  1647. <script>
  1648. $(function(){
  1649. $(".snb.bo_tablenews, .snb .snb2d_bo_tablenews").addClass("active");
  1650. $(".snb.d1_, .snb .d2_").addClass("active");
  1651. });
  1652. $(document).ready(function(){
  1653. if($("#snb > li").is(".snb.active")){
  1654. $(".loc1D").html($(".snb.active h2 a b").html());
  1655. $(".loc2D").html($(".snb2d.active a b").html());
  1656. $(".faArr").html('<i class="fa fa-angle-right"></i>');
  1657. var a=$("#snb > li").index("#snb > li.active");
  1658. $("#page_title").addClass("subTopBg_"+($("#snb > li.bo_tablenews, #snb > li.d1_").index()+1));
  1659. } else {
  1660. $(".loc1D, .bNBarMw .snb2dDown > b").text("뉴스");
  1661. $(".noInfoPageTit").html("<h2><a><b>뉴스</b><sub></sub></a></h2>");
  1662. $(".noInfoPageTit").addClass("active");
  1663. $(".subTopLocNav").addClass("subTopLocNav2Dnone");
  1664. $("#page_title").addClass("subTopBg_");
  1665. }
  1666. });
  1667. $(function(){
  1668. $(".noInfoPageTit.none_").addClass("displayNoneImportant");
  1669. $(".noInfoPageTit.none_").removeClass("active");
  1670. });
  1671. $(".bNBar > ul").html($("#snb").html());
  1672. $(function(){ var a=$("#snb li.snb"); a.addClass("hide"); $("#snb li.active").removeClass("hide").addClass("show"); $("#snb li.active .snb2dul").show(); $(".snb2dDown").click(function(){ var b=$(this).parents("#snb li.snb"); if(b.hasClass("hide")){ a.addClass("hide").removeClass("show"); a.find(".snb2dul").slideUp("fast"); b.removeClass("hide").addClass("show"); b.find(".snb2dul").slideDown("fast"); } else { b.removeClass("show").addClass("hide"); b.find(".snb2dul").slideUp("fast"); } }) }); $(".snb").removeClass("d1_bbscontentphp"); $(".snb2d").removeClass("d2_bbscontentphp");
  1673. </script>
  1674. <script>
  1675. $(document).ready(function(){
  1676. if($("#snb > li.snb.active em.snb2dDown").length){
  1677. $(".subTopLocNav").addClass("subTopLocNav2Don");
  1678.  
  1679. if($("#snb > li.snb.active .snb2dul .snb2d.active").length){
  1680. /* 2-1 메뉴 동일 */
  1681. } else {
  1682. $(".loc2DA .loc2D").html($(".snb.active h2 a b").html());
  1683. }
  1684. }
  1685. else {
  1686. $(".subTopLocNav").addClass("subTopLocNav2Doff");
  1687. }
  1689.  
  1690. });
  1691. </script> <!-- // SNB -->
  1693. <!-- -------------------------------------------------------------------------------------------------------- -->
  1694. <!-- 외부 로그인 사용안함 -->
  1695. <!-- -------------------------------------------------------------------------------------------------------- -->
  1696. <div></div>
  1699. <div id="snbMvAr">
  1700. <a href="https://bostonkorea.com" id="btnHome">HOME</a>
  1701. <div class="snbMvArBtn">
  1702. <a href="https://bostonkorea.com/bbs/login.php"><b>LOGIN</b></a>
  1703. <a href="https://bostonkorea.com/bbs/register.php">JOIN</a>
  1704. </div>
  1705. </div>
  1707. <!-- //서브메뉴바 하단 정보 -->
  1709. </aside>
  1712. <div class="sideBanner">
  1713.  
  1714. <!-- ===== v2 (news + ?preview=v2): 많이본뉴스 맨 위 ===== -->
  1715.  
  1716. <!-- 1. 많이본 뉴스 / 핫 이슈 (위로 이동) -->
  1717. <div>
  1719. <!--
  1720.    많이 본 뉴스 (전체 wr_hit 순)
  1721.    핫이슈 뉴스 (최근 1주일 wr_hit 순)
  1722. -->
  1723.  
  1724. <style>
  1725.    .news-tab-container {
  1726.        width: 100%;
  1727.    }
  1728.    
  1729.    .news-tabs {
  1730.        display: flex;
  1731.        justify-content: space-around;
  1732.        border-bottom: 1px solid #ccc;
  1733.        margin-bottom: 10px;
  1734.        font-family: Pretendard, 'Apple SD Gothic Neo', 'Malgun Gothic', dotum, sans-serif;
  1735.        font-weight: 700;
  1736.    }
  1737.    
  1738.    .news-tab {
  1739.        background: none;
  1740.        border: none;
  1741.        font-size: 16px;
  1742.        font-weight: bold;
  1743.        padding: 10px;
  1744.        cursor: pointer;
  1745.        font-family: Pretendard, 'Apple SD Gothic Neo', 'Malgun Gothic', dotum, sans-serif;
  1746.        font-weight: 700;
  1747.    }
  1748.    
  1749.    .news-tab.active {
  1750.        font-weight: bold;
  1751.        border-bottom: 2px solid #333;
  1752.    }
  1753.    
  1754.    .news-tab-content {
  1755.        position: relative;
  1756.    }
  1757.    
  1758.    .news-tab-list {
  1759.        display: none;
  1760.    }
  1761.    
  1762.    .news-tab-list.active {
  1763.        display: block;
  1764.    }
  1765.    
  1766.    .news-tab-list ul {
  1767.        list-style: none;
  1768.        padding: 0;
  1769.    }
  1770.    
  1771.    .news-tab-list li {
  1772.        display: flex;
  1773.        align-items: center;
  1774.        justify-content: space-between; /* 요소들을 양쪽으로 정렬 */
  1775.        padding: 10px 0;
  1776.    }
  1777.    
  1778.    .news-tab-list a {
  1779.        display: flex;
  1780.        align-items: center;
  1781.        text-decoration: none;
  1782.        color: #000;
  1783.        width: 100%;
  1784.    }
  1785.    
  1786.    .news-tab-index {
  1787.        font-weight: bold;
  1788.        margin-right: 8px;
  1789.    }
  1790.    
  1791.    .news-tab-title {
  1792.        font-size: 15px;
  1793.        flex: 1;
  1794.        word-break: break-word;
  1795.        line-height: 130%;
  1796.    }
  1797.    
  1798.    .news-tab-list img {
  1799.        width: 60px;
  1800.        height: 60px;
  1801.        object-fit: cover;
  1802.        border-radius: 4px;
  1803.        margin-left: 10px; /* 기본 여백 */
  1804.    }
  1805.    
  1806.    /* 디바이스 650px 이하에서 적용*/
  1807.    @media all and (max-width:650px)
  1808.    {
  1809.        .news-tab-list li {
  1810.            flex-direction: row; /* 가로 정렬 유지 */
  1811.            justify-content: space-between;
  1812.        }
  1813.        
  1814.        .news-tab-title {
  1815.            min-width: auto; /* min-width 해제 */
  1816.        }
  1817.        
  1818.        .news-tab-list img {
  1819.            margin-left: auto; /* 🚀 항상 우측 정렬 */
  1820.        }
  1821.    }
  1822.    
  1823.    /* 디바이스 420px 이하에서 적용*/
  1824.    @media all and (max-width:420px)
  1825.    {
  1826.       .news-tab-list li {
  1827.           flex-direction: row; /* 가로 정렬 유지 */
  1828.           justify-content: space-between;
  1829.       }
  1830.      
  1831.       .news-tab-title {
  1832.           min-width: auto; /* min-width 해제 */
  1833.       }
  1834.      
  1835.       .news-tab-list img {
  1836.           margin-left: auto; /* 🚀 항상 우측 정렬 */
  1837.       }
  1838.    }
  1839. </style>
  1840.  
  1841. <div class="news-tab-container">
  1842.    <div class="news-tabs">
  1843.        <button class="news-tab active" data-tab="popular-news">많이 본 뉴스</button>
  1844.        <button class="news-tab" data-tab="hot-news">핫이슈</button>
  1845.    </div>
  1846.  
  1847.    <div class="news-tab-content">
  1848.        <div id="popular-news" class="news-tab-list active">
  1849.            <ul>
  1850.                                    <li>
  1851.                        <a href="https://bostonkorea.com/news/%EC%BC%80%EC%9E%84%EB%B8%8C%EB%A6%AC%EC%A7%80-%EB%A9%94%EB%AA%A8%EB%A6%AC%EC%96%BC-%EB%93%9C%EB%9D%BC%EC%9D%B4%EB%B8%8C%EC%84%9C-%EB%8C%80%EB%82%AE-%EB%AC%B4%EC%B0%A8%EB%B3%84-%EC%B4%9D%EA%B2%A9-%EC%B0%A8%EB%9F%89-%EC%9A%B4%EC%A0%84%EC%9E%90/">
  1852.                            <span class="news-tab-index">1.</span>
  1853.                            <span class="news-tab-title">케임브리지 메모리얼 드라이브서 대낮 무차별 총격… 차량 운전자 2명 중태</span>
  1854.                                                            <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-8d7056de1427925d3d9e2efa91d20587_pFSOIBGT_083cf2e26d2d3039dafd0f2404b5e2c129523f8e_250x250.png" alt="News Image">
  1855.                                                    </a>
  1856.                    </li>
  1857.                                    <li>
  1858.                        <a href="https://bostonkorea.com/news/%EC%98%A4%EC%95%84%EC%8B%9C%EC%8A%A4-%EB%AE%A4%EC%A7%81-%EC%8B%9C%EB%A6%AC%EC%A6%88-5%EC%9B%94-16%EC%9D%BC-%EB%B4%84-%EC%9D%8C%EC%95%85%ED%9A%8C-%EC%82%AC%EB%9E%91/">
  1859.                            <span class="news-tab-index">2.</span>
  1860.                            <span class="news-tab-title">오아시스 뮤직 시리즈, 5월 16일 봄 음악회… &quot;사랑 안에서 함께 모이...</span>
  1861.                                                            <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-8d7056de1427925d3d9e2efa91d20587_4KYuNpXB_13fe5e50895365a1db98b8eb9b9333e48bb437fd_250x250.jpg" alt="News Image">
  1862.                                                    </a>
  1863.                    </li>
  1864.                                    <li>
  1865.                        <a href="https://bostonkorea.com/news/%EB%AF%BC%EC%A3%BC%ED%8F%89%ED%86%B5-%EB%B3%B4%EC%8A%A4%ED%84%B4%ED%98%91%EC%9D%98%ED%9A%8C-2026-%EC%B2%AD%EC%86%8C%EB%85%84-%ED%8F%89%ED%99%94%ED%86%B5%EC%9D%BC-%EA%B3%A8%EB%93%A0%EB%B2%A8-%EA%B0%9C%EC%B5%9C/">
  1866.                            <span class="news-tab-index">3.</span>
  1867.                            <span class="news-tab-title"><span style="display:inline-block;padding:0 4px;margin-right:4px;font-size:10px;font-weight:600;color:#888;border:1px solid #ccc;border-radius:2px;vertical-align:middle;">Sponsored</span>민주평통 보스턴협의회, &apos;2026 청소년 평화통일 골든벨&apos; 개최</span>
  1868.                                                            <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-8d7056de1427925d3d9e2efa91d20587_YwimErUX_c99c5586b34088c99c6a105545e8912b9585cf12_250x250.jpg" alt="News Image">
  1869.                                                    </a>
  1870.                    </li>
  1871.                                    <li>
  1872.                        <a href="https://bostonkorea.com/news/%EB%B3%B4%EC%8A%A4%ED%84%B4-%EC%95%84%ED%8C%8C%ED%8A%B8-%EB%A0%8C%ED%8A%B8-%EB%A7%A4%EB%AC%BC-10%EB%85%84-%EB%A7%8C%EC%97%90-%EC%B5%9C%EB%8B%A4-%EB%A0%8C%ED%8A%B8%EB%B9%84%EB%8A%94/">
  1873.                            <span class="news-tab-index">4.</span>
  1874.                            <span class="news-tab-title">보스턴 아파트 렌트 매물 10년 만에 최다… 렌트비는 여전</span>
  1875.                                                            <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-8d7056de1427925d3d9e2efa91d20587_NGctrEIA_5553fa7111308bb12ac8d8fd870a5417d2a9bfd1_250x250.jpg" alt="News Image">
  1876.                                                    </a>
  1877.                    </li>
  1878.                                    <li>
  1879.                        <a href="https://bostonkorea.com/news/%ED%8A%B8%EB%9F%BC%ED%94%84-%EB%B9%84%EC%9E%90-%EA%B7%9C%EC%A0%9C%EC%97%90-%EC%98%AC%EB%B4%84-%E7%BE%8E%EB%8C%80%ED%95%99-%EC%8B%A0%EC%9E%85-%EC%9C%A0%ED%95%99%EC%83%9D-20/">
  1880.                            <span class="news-tab-index">5.</span>
  1881.                            <span class="news-tab-title">트럼프 비자 규제에 올봄 美대학 신입 유학생 20% 줄어</span>
  1882.                                                            <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-8d7056de1427925d3d9e2efa91d20587_rhlEv5Ta_8ce30b54b6ddc72ec80af9d693eeb2ca8c96b9c2_250x250.jpg" alt="News Image">
  1883.                                                    </a>
  1884.                    </li>
  1885.                                    <li>
  1886.                        <a href="https://bostonkorea.com/news/%EC%BD%9C%EB%B2%A0%EC%96%B4-%EB%8D%94-%EB%A0%88%EC%9D%B4%ED%8A%B8-%EC%87%BC-%EC%A2%85%EC%98%81%EC%9D%BC%EC%97%90-%EB%9D%BC%EC%9D%B4%EB%B2%8C-%EC%A7%80%EB%AF%B8-%ED%82%A4%EB%A9%80%EB%8F%84/">
  1887.                            <span class="news-tab-index">6.</span>
  1888.                            <span class="news-tab-title">콜베어 &apos;더 레이트 쇼&apos; 종영일에 라이벌 지미 키멀도 방송 연기</span>
  1889.                                                            <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-8d7056de1427925d3d9e2efa91d20587_DYSvboXx_79b16da25f721f5bdc53bd5bf4fb2addd8befde5_250x250.jpg" alt="News Image">
  1890.                                                    </a>
  1891.                    </li>
  1892.                                    <li>
  1893.                        <a href="https://bostonkorea.com/news/%EB%B3%B4%EC%8A%A4%ED%84%B4-%EA%B3%A0%EA%B8%89-%ED%95%9C%EC%8B%9D-%EA%B3%A0%EA%B8%B0%EA%B5%AC%EC%9D%B4%EC%A7%91-%EC%A7%84%EC%A7%80-%EC%98%A4%ED%94%88%EB%A9%94%EB%89%B4%EA%B0%80%EA%B2%A9%EC%A3%BC%EB%AC%B8%EB%B2%95-%EC%B4%9D%EC%A0%95%EB%A6%AC/">
  1894.                            <span class="news-tab-index">7.</span>
  1895.                            <span class="news-tab-title">보스턴 고급 한식 고기구이집 &apos;진지&apos; 오픈…메뉴·가격·주문법 총정리</span>
  1896.                                                            <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-d607fdb046ede3f352d4d4cad20edd6b_mQLaCgjB_5734d3b5d12e3c8b4d73d89f4c19fc0367e88991_250x250.jpg" alt="News Image">
  1897.                                                    </a>
  1898.                    </li>
  1899.                            </ul>
  1900.        </div>
  1901.  
  1902.        <div id="hot-news" class="news-tab-list">
  1903.            <ul>
  1904.                                    <li>
  1905.                        <a href="https://bostonkorea.com/news/2026-%EB%B3%B4%EC%8A%A4%ED%84%B4%EB%89%B4%EC%9E%89%EA%B8%80%EB%9E%9C%EB%93%9C%EC%A7%80%EC%97%AD-%EB%AA%85%EB%AC%B8-%EC%97%AC%EB%A6%84-%EC%BA%A0%ED%94%84-%EC%B4%9D%EC%A0%95%EB%A6%AC/">
  1906.                            <span class="news-tab-index">1.</span>
  1907.                            <span class="news-tab-title">2026 보스턴·뉴잉글랜드지역 명문 여름 캠프 총정리</span>
  1908.                                                            <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-117e555a9c10a9e9853ccc179280d1f8_E5jVb6qt_fdc9338d71ee88a1b41060ed1aca512e92e2da12_250x250.jpg" alt="News Image">
  1909.                                                    </a>
  1910.                    </li>
  1911.                                    <li>
  1912.                        <a href="https://bostonkorea.com/news/%EC%98%AC%EC%8A%A4%ED%84%B4%EC%97%90-%EA%B3%A0%EA%B8%89-%EA%B3%A0%EA%B8%B0%EA%B5%AC%EC%9D%B4-%EC%83%9D%EC%84%A0%EA%B5%AC%EC%9D%B4-%ED%95%9C%EC%A0%95%EC%8B%9D-%ED%8F%AC%EC%B0%A8-%ED%95%9C%EA%BA%BC%EB%B2%88%EC%97%90-%ED%83%84%EC%83%9D%EC%82%B0%EB%B0%94%EB%8B%A4/">
  1913.                            <span class="news-tab-index">2.</span>
  1914.                            <span class="news-tab-title">올스턴에 고급 고기구이, 생선구이 한정식, 포차 한꺼번에 탄생...산바다...</span>
  1915.                                                            <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-117e555a9c10a9e9853ccc179280d1f8_8QrMhsno_0e7a86b81752604f2d7a05bcaabf105ce2be7b7c_250x250.jpg" alt="News Image">
  1916.                                                    </a>
  1917.                    </li>
  1918.                                    <li>
  1919.                        <a href="https://bostonkorea.com/news/%EC%96%B4%ED%95%99%EC%97%B0%EC%88%98%EC%83%9D%EC%84%9C-49%EC%84%B8-%EC%86%8C%EB%A0%B9-%EC%A7%84%EA%B8%89%ED%95%9C-%EB%AA%A9%EC%82%AC%EC%9D%98-%EC%8A%AC%EA%B8%B0%EB%A1%9C%EC%9A%B4-%EB%AF%B8%EA%B5%AD%EC%83%9D%ED%99%9C/">
  1920.                            <span class="news-tab-index">3.</span>
  1921.                            <span class="news-tab-title">어학연수생서 49세 소령 진급한 목사의 &apos;슬기로운 미국생활&apos;</span>
  1922.                                                            <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-117e555a9c10a9e9853ccc179280d1f8_fI69A0WC_e7064396b60b0409c4fa6214361e954a97cbb451_250x250.jpg" alt="News Image">
  1923.                                                    </a>
  1924.                    </li>
  1925.                                    <li>
  1926.                        <a href="https://bostonkorea.com/news/%EB%8F%8C%EC%95%84%EC%98%B4-%EA%B7%B8%EB%A6%AC%EA%B3%A0-%EB%82%A8%EC%95%84-%EC%9E%88%EC%9D%8C/">
  1927.                            <span class="news-tab-index">4.</span>
  1928.                            <span class="news-tab-title">“돌아옴, 그리고 남아 있음!!”</span>
  1929.                                                    </a>
  1930.                    </li>
  1931.                                    <li>
  1932.                        <a href="https://bostonkorea.com/news/%EC%9D%B8%EB%A5%98%EC%97%B0%EC%9E%AC-%EB%B0%B0%EB%93%9C%EB%AF%BC%ED%84%B4%EA%B3%BC-%EC%86%90%EC%A0%88/">
  1933.                            <span class="news-tab-index">5.</span>
  1934.                            <span class="news-tab-title">[인류연재]  배드민턴과 손절</span>
  1935.                                                            <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-d607fdb046ede3f352d4d4cad20edd6b_zRv9y7J4_0ea221444dcdacf0fc9ab19319e3b6972f20cb57_250x250.jpg" alt="News Image">
  1936.                                                    </a>
  1937.                    </li>
  1938.                                    <li>
  1939.                        <a href="https://bostonkorea.com/news/%EC%A7%91%EC%9D%84-%EC%A7%80%EA%B8%88-%EB%82%B4-%EB%86%93%EC%95%84%EC%95%BC-%ED%95%98%EB%8A%94-%EC%9D%B4%EC%9C%A0/">
  1940.                            <span class="news-tab-index">6.</span>
  1941.                            <span class="news-tab-title">집을 지금 내 놓아야 하는 이유</span>
  1942.                                                    </a>
  1943.                    </li>
  1944.                                    <li>
  1945.                        <a href="https://bostonkorea.com/news/%ED%8A%B8%EB%9F%BC%ED%94%84-%EC%97%B01000%EB%8B%AC%EB%9F%AC-%EC%97%B0%EB%B0%A9%EC%A0%95%EB%B6%80-%EB%A7%A4%EC%B9%AD-%EC%9D%80%ED%87%B4%EC%A0%80%EC%B6%95-%ED%94%8C%EB%9E%9C-%EC%A0%9C%EC%95%88%EB%88%84%EA%B0%80-%ED%98%9C%ED%83%9D%EB%B0%9B%EB%82%98/">
  1946.                            <span class="news-tab-index">7.</span>
  1947.                            <span class="news-tab-title">트럼프, 연1,000달러 연방정부 매칭 은퇴저축 플랜 제안...누가 혜택...</span>
  1948.                                                            <img src="https://bostonkorea.nyc3.digitaloceanspaces.com/file/news/thumb-542789600add802d1352753b4da7eb71_8IMJgykO_6b76827133c39d7999d9ec7a273c4807f83f8e05_250x250.jpg" alt="News Image">
  1949.                                                    </a>
  1950.                    </li>
  1951.                            </ul>
  1952.        </div>
  1953.    </div>
  1954. </div>
  1955.  
  1956. <script>
  1957.    document.addEventListener("DOMContentLoaded", function() {
  1958.        const tabs = document.querySelectorAll(".news-tab");
  1959.        const newsLists = document.querySelectorAll(".news-tab-list");
  1960.    
  1961.        tabs.forEach(tab => {
  1962.            tab.addEventListener("click", function() {
  1963.                tabs.forEach(t => t.classList.remove("active"));
  1964.                newsLists.forEach(n => n.classList.remove("active"));
  1965.    
  1966.                this.classList.add("active");
  1967.                document.getElementById(this.getAttribute("data-tab")).classList.add("active");
  1968.            });
  1969.        });
  1970.    });
  1971. </script>
  1972. </div>
  1973.  
  1974. <!-- 2. 우측 상단 광고 -->
  1975. <div class='mt-30'>
  1976. </div>
  1977.  
  1978. <!-- 3. 서브 게시판들 우측 광고 -->
  1979. <div class='mt-15'>
  1981. <style>
  1982. .ad-rotator-slider > div > a > img{
  1983. width:100% !important;
  1984. height: auto;
  1985. }
  1986. </style>
  1987.  
  1988. <!-- 메인 우측 광고 1 -->
  1989. <div class="ad-rotator">
  1990. <div class="ad-rotator-slider">
  1991. <div class="ad-slot ad-main_right_1"><a href="/ad_click.php?id=56" target="_blank"><img src="/data/ad/__________________________________________20260507082422.gif" alt="에이 클래스" width="280" height="170" loading="lazy" decoding="async"></a></div><div class="ad-slot ad-main_right_1"><a href="/ad_click.php?id=53" target="_blank"><picture><source type="image/avif" srcset="/data/ad/Anna_Jung_20260227110200.avif"><source type="image/webp" srcset="/data/ad/Anna_Jung_20260227110200.webp"><img src="/data/ad/Anna_Jung_20260227110200.jpg" alt="애나정" width="280" height="170" loading="lazy" decoding="async"></picture></a></div><div class="ad-slot ad-main_right_1"><a href="/ad_click.php?id=25" target="_blank"><picture><source type="image/avif" srcset="/data/ad/__________f2_20260212_20260213111514.avif"><source type="image/webp" srcset="/data/ad/__________f2_20260212_20260213111514.webp"><img src="/data/ad/__________f2_20260212_20260213111514.jpg" alt="크리스 최" width="280" height="170" loading="lazy" decoding="async"></picture></a></div> </div>
  1992. </div>
  1993.  
  1994. <div class="ad-slot ad-board_sidebar_news" style="padding-top:10px"><a href="/ad_click.php?id=65" target="_blank"><picture><source type="image/avif" srcset="/data/ad/______________________F2_20260509211740.avif"><source type="image/webp" srcset="/data/ad/______________________F2_20260509211740.webp"><img src="/data/ad/______________________F2_20260509211740.jpg" alt="모스이민컨설팅" width="330" height="100" loading="lazy" decoding="async"></picture></a></div><div class="ad-slot ad-board_sidebar_news" style="padding-top:10px"><a href="/ad_click.php?id=42" target="_blank"><picture><source type="image/avif" srcset="/data/ad/________________20251228165422.avif"><source type="image/webp" srcset="/data/ad/________________20251228165422.webp"><img src="/data/ad/________________20251228165422.jpg" alt="스마트 덴탈" width="330" height="100" loading="lazy" decoding="async"></picture></a></div><div class="ad-slot ad-board_sidebar_news" style="padding-top:10px"><a href="/ad_click.php?id=32" target="_blank"><picture><source type="image/avif" srcset="/data/ad/jason_20251208233724.avif"><source type="image/webp" srcset="/data/ad/jason_20251208233724.webp"><img src="/data/ad/jason_20251208233724.jpg" alt="제이슨전 뉴스" width="330" height="200" loading="lazy" decoding="async"></picture></a></div><div class="ad-slot ad-board_sidebar_news" style="padding-top:10px"><a href="/ad_click.php?id=31" target="_blank"><picture><source type="image/avif" srcset="/data/ad/_______________20240111_20251213221059.avif"><source type="image/webp" srcset="/data/ad/_______________20240111_20251213221059.webp"><img src="/data/ad/_______________20240111_20251213221059.jpg" alt="성기주변호사 뉴스" width="330" height="100" loading="lazy" decoding="async"></picture></a></div>
  1995. <!-- Google AdSense: 사이드바 배너 (2026-05-01 비활성화: AdSense 슬롯 ID 발급 후 $bk_adsense_show_units=true) -->
  1996. </div>
  1997.  
  1998. <!-- 4. 사고팔고 -->
  1999. <div class='mt-30'>
  2001. <div class="basicLat">
  2002.    <h2 class="basicLatTit"><a href="https://bostonkorea.com/sale">사고,팔고</a></h2>
  2003.    <ul>
  2004.            <li>
  2005.            <a href="https://bostonkorea.com/sale/%ED%85%8C%EC%9D%B4%EB%B8%94-%ED%8C%9D%EB%8B%88%EB%8B%A4%EC%9D%98%EC%9E%90-5%EA%B0%9C%ED%8F%AC%ED%95%A8/?sfl=wr_name&amp;stx=moonye1131"> <i  class="fa fa-caret-right" aria-hidden="true"></i> 테이블 팝니다(의자 5개포함)
  2007.            </a>
  2008.        </li>
  2009.            <li>
  2010.            <a href="https://bostonkorea.com/sale/%EB%8D%94%EB%B8%94-%EB%B2%A0%EC%9D%B4%EC%8A%A4-meinel-34-%ED%8C%90%EB%A7%A4%ED%95%A9%EB%8B%88%EB%8B%A4/?sfl=wr_name&amp;stx=moonye1131"> <i  class="fa fa-caret-right" aria-hidden="true"></i> 더블 베이스  (Meinel, 3/4) 판매합니다
  2012.            </a>
  2013.        </li>
  2014.            <li>
  2015.            <a href="https://bostonkorea.com/sale/%EC%B1%85%EC%83%81-%EC%9D%98%EC%9E%90-%EA%B0%80%EA%B2%A9-%EC%A1%B0%EC%A0%95-%EA%B0%80%EB%8A%A5-%ED%94%BD%EC%97%85-%EC%98%A8%EB%A6%AC/?sfl=wr_name&amp;stx=moonye1131"> <i  class="fa fa-caret-right" aria-hidden="true"></i> 책상 의자 가격 조정 가능 픽업 온리
  2017.            </a>
  2018.        </li>
  2019.        </ul>
  2020. </div> </div>
  2021.  
  2022. <!-- 5. 생활 서비스 -->
  2023. <div class='mt-15'>
  2025. <div class="basicLat">
  2026.    <h2 class="basicLatTit"><a href="https://bostonkorea.com/livingservice">생활서비스</a></h2>
  2027.    <ul>
  2028.            <li>
  2029.            <a href="https://bostonkorea.com/livingservice/boston-k-taxi/?sfl=1&amp;stx=1&amp;spt=-11282&amp;page=333"> <i  class="fa fa-caret-right" aria-hidden="true"></i> BOSTON K TAXI
  2031.            </a>
  2032.        </li>
  2033.            <li>
  2034.            <a href="https://bostonkorea.com/livingservice/%EB%B3%B4%EC%8A%A4%ED%84%B4-pt-%EB%AC%BC%EB%A6%AC%EC%B9%98%EB%A3%8C%EC%9E%AC%ED%99%9C%EC%A0%84%EB%AC%B8%EB%B0%A9%EB%AC%B8%EC%B9%98%EB%A3%8C%EB%8F%84%EC%88%98%EC%B9%98%EB%A3%8C%EB%B6%80%ED%95%AD%EC%B9%98%EB%A3%8C%EB%94%A5%ED%8B%B0%EC%8A%88%EB%A7%88%EC%82%AC%EC%A7%80/?sfl=1&amp;stx=1&amp;spt=-11282&amp;page=333"> <i  class="fa fa-caret-right" aria-hidden="true"></i> [보스턴 PT] 물리치료/재활전문/방문치료/도수치료/부항치료/딥티슈마사지
  2036.            </a>
  2037.        </li>
  2038.            <li>
  2039.            <a href="https://bostonkorea.com/livingservice/curiosity-%EB%8D%B0%EC%9D%B4%EC%BC%80%EC%96%B4-%EB%AA%A8%EC%A7%91-infant-1-2%EB%AA%85-%EC%9E%90%EB%A6%AC/?sfl=1&amp;stx=1&amp;spt=-11282&amp;page=333"> <i  class="fa fa-caret-right" aria-hidden="true"></i> Curiosity 데이케어 모집- Infant 1-2명 자리
  2041.            </a>
  2042.        </li>
  2043.        </ul>
  2044. </div> </div>
  2045.  
  2046. <!-- 6. Google AdSense Taboola 대체 -->
  2047. <div class="adsense-sidebar-taboola mt-30">
  2048. <ins class="adsbygoogle"
  2049.     style="display:block"
  2050.     data-ad-client="ca-pub-1629381949941098"
  2051.     data-ad-slot="auto"
  2052.     data-ad-format="auto"
  2053.     data-full-width-responsive="true"></ins>
  2054. <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
  2055. </div>
  2056.  
  2057. <!-- 7. Taboola Mid Category (즉시 표시 광고) -->
  2058. <div class="mt-15">
  2059. <div id="taboola-mid-category-thumbnails"></div>
  2060. <script type="text/javascript">
  2061. window._taboola = window._taboola || [];
  2062. _taboola.push({
  2063. mode: 'thumbnails-3x3',
  2064. container: 'taboola-mid-category-thumbnails',
  2065. placement: 'Mid Category Thumbnails',
  2066. target_type: 'mix'
  2067. });
  2068. </script>
  2069. </div>
  2070.  
  2071. <!-- 8. Taboola Right Rail (향후 활성화 대비) -->
  2072. <div class="mt-15">
  2073. <div id="taboola-right-rail-thumbnails"></div>
  2074. <script type="text/javascript">
  2075. window._taboola = window._taboola || [];
  2076. _taboola.push({
  2077. mode: 'alternating-thumbnails-rr',
  2078. container: 'taboola-right-rail-thumbnails',
  2079. placement: 'Right Rail Thumbnails',
  2080. target_type: 'mix'
  2081. });
  2082. </script>
  2083. </div>
  2084.  
  2086. </div>
  2089.  
  2090. </section><!-- // #ctWrap 닫음 -->
  2091. <!-- } 콘텐츠 끝 -->
  2092.  
  2093. <hr>
  2094.  
  2095.  
  2096. <!-- 하단 시작 { -->
  2097. <footer id="footer">
  2098.    <dl>
  2099.        <dt><img src="https://bostonkorea.com/theme/purewhite/img/logo_bostonkorea_grey.png" alt="보스톤코리아"></dt>
  2100.        <dd>
  2101. <a href="/content/회사소개/">회사소개</a>
  2102.            <a href="/content/개인정보-처리방침/" target="_blank">개인정보처리방침</a>
  2103.            <a href="/content/서비스-이용약관/" target="_blank">이용약관</a>
  2104. <a href="#" class="newsletterBtn">뉴스레터 구독</a>
  2105. <a href="/content/웹광고안내/">웹광고안내</a>
  2106. <a href="/content/신문광고안내/">신문광고안내</a>
  2108.        </dd>
  2109.    </dl>
  2110. <address>
  2111. <span> Tel. 617-254-4654</span>
  2112. <em>|</em><span> Fax. 617-254-4210</span>
  2113. <em>|</em><span> E-mail. <a href="/cdn-cgi/l/email-protection#a5c0c1ccd1cad7e5c7cad6d1cacbcecad7c0c48bc6cac8"><span class="__cf_email__" data-cfemail="0d68696479627f4d6f627e79626366627f686c236e6260">[email&#160;protected]</span></a></span>
  2114. </address>
  2115. <p><span>Copyright</span> &copy; <b>www.bostonkorea.com</b> <span>All rights reserved.</span></p>
  2116. <p style="padding-top:50px;"><a href="https://vanplenetworks.com/contact-us/" target="_blank">Developed by Vanple Networks Inc</a></p>
  2117. </footer>
  2118.  
  2119. <button type="button" id="top_btn" class="fa fa-angle-up" aria-hidden="true"><span class="sound_only">페이지 상단으로 이동</span></button>
  2120.  
  2121.  
  2122. <!-- } 하단 끝 -->
  2123.  
  2124.  
  2125. <!-- ie6,7에서 사이드뷰가 게시판 목록에서 아래 사이드뷰에 가려지는 현상 수정 -->
  2126. <!--[if lte IE 7]>
  2127. <script>
  2128. $(function() {
  2129.    var $sv_use = $(".sv_use");
  2130.    var count = $sv_use.length;
  2131.  
  2132.    $sv_use.each(function() {
  2133.        $(this).css("z-index", count);
  2134.        $(this).css("position", "relative");
  2135.        count = count - 1;
  2136.    });
  2137. });
  2138. </script>
  2139. <![endif]-->
  2140.  
  2141.  
  2142.    
  2143.    <!-- -------------------------------------------------------------------------------------------------------- -->
  2144.    <!-- 플로팅 버튼 -->
  2145.    <!-- -------------------------------------------------------------------------------------------------------- -->
  2146.    
  2147.    <style>
  2148.      /* --- 플로팅 액션 바 --- */
  2149.      #floating-actions {
  2150.        position: fixed;
  2151.        top: 50%;
  2152.        left: calc((100% - 1300px)/2 - 10px); /* 컨테이너 왼쪽에서 10px 만큼 띄움 */
  2153.        transform: translateY(-50%);
  2154.        z-index: 999;
  2155.        background-color: #ffffff;
  2156.        border: 1px solid #e0e0e0;
  2157.        border-radius: 30px;
  2158.        padding: 10px 8px;
  2159.        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  2160.        display: flex;
  2161.        flex-direction: column;
  2162.        gap: 12px;
  2163.      }
  2164.      #floating-actions button {
  2165.          background: none;
  2166.          border: none;
  2167.          cursor: pointer;
  2168.          padding: 8px;
  2169.          display: flex;
  2170.          flex-direction: column;
  2171.          align-items: center;
  2172.          font-size: 12px;
  2173.          color: #333;
  2174.          transition: color 0.2s;
  2175.      }
  2176.      #floating-actions button:hover {
  2177.          color: #007bff;
  2178.      }
  2179.      #floating-actions button i {
  2180.          font-size: 22px;
  2181.          margin-bottom: 5px;
  2182.      }
  2183.      #floating-actions button .font-icon {
  2184.          font-size: 22px;
  2185.          font-weight: bold;
  2186.          line-height: 1;
  2187.          margin-bottom: 5px;
  2188.      }
  2189.      
  2190.      /* --- 팝업(모달) 공통 스타일 --- */
  2191.      .modal-backdrop {
  2192.          position: fixed;
  2193.          top: 0;
  2194.          left: 0;
  2195.          width: 100%;
  2196.          height: 100%;
  2197.          background: rgba(0,0,0,0.5);
  2198.          z-index: 1040;
  2199.      }
  2200.      .floating-modal-content {
  2201.          position: fixed;
  2202.          top: 50%;
  2203.          left: 50%;
  2204.          transform: translate(-50%, -50%);
  2205.          background: #fff;
  2206.          padding: 20px;
  2207.          border-radius: 8px;
  2208.          box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  2209.          z-index: 1050;
  2210.          width: 90%;
  2211.          max-width: 320px;
  2212.      }
  2213.      .floating-modal-header {
  2214.          display: flex;
  2215.          justify-content: space-between;
  2216.          align-items: center;
  2217.          padding-bottom: 10px;
  2218.          margin-bottom: 15px;
  2219.      }
  2220.      .floating-modal-header h4 {
  2221.          margin: 0;
  2222.          font-size: 17px;
  2223.          font-weight: 600;
  2224.      }
  2225.      .close-modal {
  2226.          background: none;
  2227.          border: none;
  2228.          font-size: 28px;
  2229.          cursor: pointer;
  2230.          line-height: 1;
  2231.          padding: 0;
  2232.          color: #888;
  2233.      }
  2234.      
  2235.      /* --- 공유 팝업 스타일 --- */
  2236.      .share-options {
  2237.          list-style: none;
  2238.          padding: 0;
  2239.          margin: 0;
  2240.          display: flex;
  2241.          flex-wrap: wrap;
  2242.          justify-content: center;
  2243.          gap: 20px 10px;
  2244.      }
  2245.      .share-options li {
  2246.          text-align: center;
  2247.          flex-basis: 30%;
  2248.      }
  2249.      .share-options li a {
  2250.          text-decoration: none;
  2251.          color: #333;
  2252.          display: flex;
  2253.          flex-direction: column;
  2254.          align-items: center;
  2255.          font-size: 12px;
  2256.      }
  2257.      .share-options li i {
  2258.          font-size: 3em;
  2259.          margin-bottom: 8px;
  2260.          width: 48px;
  2261.          height: 48px;
  2262.          line-height: 48px;
  2263.      }
  2264.      
  2265.      /* --- 글자크기 팝업 스타일 --- */
  2266.      .font-size-options {
  2267.          display: flex;
  2268.          justify-content: space-around;
  2269.          align-items: center;
  2270.          padding: 10px 0;
  2271.      }
  2272.      .font-size-btn {
  2273.          border: 1px solid #ccc;
  2274.          background-color: #fff;
  2275.          border-radius: 50%;
  2276.          width: 40px;
  2277.          height: 40px;
  2278.          cursor: pointer;
  2279.          font-weight: bold;
  2280.          transition: background-color 0.2s, color 0.2s;
  2281.      }
  2282.      .font-size-btn.active {
  2283.          background-color: #555;
  2284.          color: #fff;
  2285.          border-color: #555;
  2286.      }
  2287.      .font-size-btn:nth-child(1) { font-size: 12px; }
  2288.      .font-size-btn:nth-child(2) { font-size: 14px; }
  2289.      .font-size-btn:nth-child(3) { font-size: 16px; }
  2290.      .font-size-btn:nth-child(4) { font-size: 18px; }
  2291.      .font-size-btn:nth-child(5) { font-size: 20px; }
  2292.      
  2293.      /* --- 기사 본문 글자 크기 클래스 --- */
  2294.      #bo_v_con.font-size-1 { font-size: 14px !important; line-height: 1.6 !important; }
  2295.      #bo_v_con.font-size-2 { font-size: 16px !important; line-height: 1.7 !important; }
  2296.      #bo_v_con.font-size-3 { font-size: 18px !important; line-height: 1.8 !important; } /* 기본값 */
  2297.      #bo_v_con.font-size-4 { font-size: 20px !important; line-height: 1.8 !important; }
  2298.      #bo_v_con.font-size-5 { font-size: 22px !important; line-height: 1.9 !important; }
  2299.      
  2300.      
  2301.      /* --- 모바일 반응형 --- */
  2302.      @media screen and (max-width: 1319px) {
  2303.          #floating-actions {
  2304.              /*left: 5px;*/
  2305.              display: none;
  2306.          }
  2307.      }
  2308.    </style>
  2309.    
  2310.        
  2311.    <div id="share-modal-container" style="display: none;">
  2312.        <div class="modal-backdrop"></div>
  2313.        <div class="floating-modal-content">
  2314.            <div class="floating-modal-header">
  2315.                <h4>공유</h4>
  2316.                <button type="button" class="close-modal">&times;</button>
  2317.            </div>
  2318.            <div class="modal-body">
  2319.                <ul class="share-options">
  2320.                    <li><a href="#" id="share-kakaotalk"><i><img src='/img/kakaotalk_sharing_btn_medium.png' style="height: 36px;" /></i><span>카카오톡</span></a></li>
  2321.                    <li><a href="#" id="copy-url"><i class="fa fa-link"></i><span>URL 복사</span></a></li>
  2322.                    <li><a href="#" id="share-facebook"><i class="fa fa-facebook-square" style="color:#3b5998;"></i><span>페이스북</span></a></li>
  2323.                    <li><a href="#" id="share-x"><i><img src='/img/x-share-btn.png' style="height: 36px;" /></i><span>X</span></a></li>
  2324.                    <li><a href="#" id="share-gmail"><i class="fa fa-envelope"></i><span>메일</span></a></li>
  2325.                    <!-- <li><a href="#" id="share-google"><i><img src='/img/g-logo.png' style="height: 36px;" /></i><span>Google</span></a></li> -->
  2326.                </ul>
  2327.            </div>
  2328.        </div>
  2329.    </div>
  2330.    
  2331.    <div id="font-modal-container" style="display: none;">
  2332.        <div class="modal-backdrop"></div>
  2333.        <div class="floating-modal-content">
  2334.             <div class="floating-modal-header">
  2335.                <h4>글자크기 설정</h4>
  2336.                <button type="button" class="close-modal">&times;</button>
  2337.            </div>
  2338.            <div class="modal-body">
  2339.                <p style="text-align: center; font-size: 14px; color: #666;">글자크기 설정 시 다른 기사의 본문도 동일하게 적용됩니다.</p>
  2340.                <div class="font-size-options">
  2341.                    <button data-size="1" class="font-size-btn">가</button>
  2342.                    <button data-size="2" class="font-size-btn">가</button>
  2343.                    <button data-size="3" class="font-size-btn">가</button>
  2344.                    <button data-size="4" class="font-size-btn">가</button>
  2345.                    <button data-size="5" class="font-size-btn">가</button>
  2346.                </div>
  2347.            </div>
  2348.        </div>
  2349.    </div>
  2350.    
  2351.    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://t1.kakaocdn.net/kakao_js_sdk/2.7.5/kakao.min.js" integrity="sha384-dok87au0gKqJdxs7msEdBPNnKSRT+/mhTVzq+qOhcL464zXwvcrpjeWvyj1kCdq6" crossorigin="anonymous"></script>
  2352.    
  2353.    <script>
  2354.      // Initialize Kakao with your JavaScript key
  2355.      Kakao.init('97a4ac4636dae2d42b0fa01374ee31f3'); // 👈 Paste the key you copied in Step 2 here.
  2356.      // Check if initialization is successful
  2357.      console.log('Kakao initialized:', Kakao.isInitialized());
  2358.    </script>
  2359.    
  2360.    <script>
  2361.      $(document).ready(function() {
  2362.          // --- 버튼 클릭 이벤트 핸들러 ---
  2363.          $('#action-share, #action-share-inline').on('click', function() { $('#share-modal-container').show(); });
  2364.          $('#action-font, #action-font-inline').on('click', function() { $('#font-modal-container').show(); });
  2365.          
  2366.          // - Print Button
  2367.          $('#action-print, #action-print-inline').on('click', function(e) {
  2368.              e.preventDefault();
  2369.              if ($('#bo_v_con').length === 0) {
  2370.                  alert('인쇄할 수 있는 기사 내용이 없습니다.');
  2371.                  return;
  2372.              }
  2373.              
  2374.              const printContents = ($('#bo_v_title').prop('outerHTML') || '') + ($('#bo_v_info').prop('outerHTML') || '') + ($('#bo_v_img').prop('outerHTML') || '') + ($('#bo_v_con').prop('outerHTML') || '');
  2375.              const logoHtml = $('#logo').html();
  2376.              const printWindow = window.open('', 'Print', 'width=842,height=595,scrollbars=yes');
  2377.              
  2378.                            
  2379.              printWindow.document.close();
  2380.              printWindow.focus();
  2381.          });
  2382.          
  2383.      
  2384.          // --- 팝업(모달) 닫기 ---
  2385.          $('.close-modal, .modal-backdrop').on('click', function() {
  2386.              $('#share-modal-container, #font-modal-container').hide();
  2387.          });
  2388.      
  2389.          // --- 공유 기능 ---
  2390.          const pageUrl = window.location.href;
  2391.          const pageTitle = $('title').text();
  2392.  
  2393.          // GA4 share_click 공통 헬퍼
  2394.          function trackShareClick(platform, method) {
  2395.            if (typeof gtag === 'function') {
  2396.              gtag('event', 'share_click', {
  2397.                platform: platform,
  2398.                method: method || 'window_open',
  2399.                post_id: (typeof wrId !== 'undefined' ? wrId : null),
  2400.                board: (typeof boTable !== 'undefined' ? boTable : null)
  2401.              });
  2402.            }
  2403.          }
  2404.  
  2405.          // 페이스북, 트위터, 밴드
  2406.          $('#share-facebook').on('click', function(e) {
  2407.            e.preventDefault();
  2408.  
  2409.            var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
  2410.            var canNativeShare = isMobile && typeof navigator.share === 'function';
  2411.  
  2412.            trackShareClick('fb', canNativeShare ? 'native_share' : 'window_open');
  2413.  
  2414.            if (canNativeShare) {
  2415.              navigator.share({
  2416.                title: pageTitle,
  2417.                url: pageUrl
  2418.              }).catch(function() {
  2419.                // User cancelled or share failed; no-op
  2420.              });
  2421.            } else {
  2422.              window.open(
  2423.                'https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(pageUrl),
  2424.                'share',
  2425.                'width=600,height=400'
  2426.              );
  2427.            }
  2428.          });
  2429.          
  2430.          $('#share-x').on('click', function(e) {
  2431.            e.preventDefault();
  2432.            trackShareClick('x', 'window_open');
  2433.            window.open('https://x.com/intent/post?url=' + encodeURIComponent(pageUrl) + '&text=' + encodeURIComponent(pageTitle), 'share', 'width=600,height=400');
  2434.          });
  2435.          
  2436.          $('#share-google').on('click', function(e) { e.preventDefault(); window.open('https://www.google.com/search?q=' + encodeURIComponent(pageUrl), 'share', 'width=800,height=600'); });
  2437.          
  2438.          // 카카오톡 (카카오 SDK가 설치되어 있어야 정상 동작합니다)
  2439.         // KakaoTalk Share
  2440.         $('#share-kakaotalk').on('click', function(e) {
  2441.             e.preventDefault();
  2442.             trackShareClick('kakao', 'sdk');
  2443.  
  2444.             Kakao.Share.sendDefault({
  2445.                 objectType: 'feed', // The type of message template
  2446.                 content: {
  2447.                     // Get title from the page's <title> tag
  2448.                     title: document.title,
  2449.                     // Get description from the og:description meta tag
  2450.                     description: $('meta[property="og:description"]').attr('content'),
  2451.                     // Get image from the og:image meta tag
  2452.                     imageUrl: $('meta[property="og:image"]').attr('content'),
  2453.                     link: {
  2454.                         // The URL to open when the message is clicked
  2455.                         mobileWebUrl: window.location.href,
  2456.                         webUrl: window.location.href,
  2457.                     },
  2458.                 },
  2459.                 buttons: [
  2460.                     {
  2461.                         title: '웹으로 보기', // Button text
  2462.                         link: {
  2463.                             mobileWebUrl: window.location.href,
  2464.                             webUrl: window.location.href,
  2465.                         },
  2466.                     },
  2467.                 ],
  2468.             });
  2469.         });
  2470.      
  2471.          // URL 복사
  2472.          $('#copy-url').on('click', function(e) {
  2473.              e.preventDefault();
  2474.              if (navigator.clipboard) {
  2475.                  navigator.clipboard.writeText(pageUrl).then(function() {
  2476.                      alert('URL이 클립보드에 복사되었습니다.');
  2477.                  }, function() {
  2478.                      alert('URL 복사에 실패했습니다.');
  2479.                  });
  2480.              } else { // 구형 브라우저 지원
  2481.                  const tempInput = $('<input>');
  2482.                  $('body').append(tempInput);
  2483.                  tempInput.val(pageUrl).select();
  2484.                  document.execCommand('copy');
  2485.                  tempInput.remove();
  2486.                  alert('URL이 클립보드에 복사되었습니다.');
  2487.              }
  2488.          });
  2489.      
  2490.          // 이메일
  2491.         $('#share-gmail').on('click', function(e) {
  2492.             e.preventDefault();
  2493.             trackShareClick('mail', 'window_open');
  2494.             const gmailUrl = 'https://mail.google.com/mail/?view=cm&fs=1&su=' + encodeURIComponent(pageTitle) + '&body=' + encodeURIComponent(pageUrl);
  2495.             window.open(gmailUrl, 'share-gmail', 'width=800,height=600');
  2496.         });
  2497.      
  2498.          // --- 글자 크기 조절 기능 ---
  2499.          const FONT_COOKIE_NAME = 'bostonkorea_font_size';
  2500.          const ARTICLE_CONTENT = $('#bo_v_con');
  2501.      
  2502.          function setFontSize(size) {
  2503.              if (!size) size = 3; // 기본값
  2504.              // 모든 폰트 크기 클래스 제거
  2505.              ARTICLE_CONTENT.removeClass('font-size-1 font-size-2 font-size-3 font-size-4 font-size-5');
  2506.              // 선택된 크기 클래스 추가
  2507.              ARTICLE_CONTENT.addClass('font-size-' + size);
  2508.              // 팝업 내 버튼 활성화 상태 변경
  2509.              $('.font-size-btn').removeClass('active');
  2510.              $(`.font-size-btn[data-size="${size}"]`).addClass('active');
  2511.              // 쿠키에 1년간 저장
  2512.              document.cookie = `${FONT_COOKIE_NAME}=${size};path=/;max-age=31536000;samesite=lax`;
  2513.          }
  2514.      
  2515.          // 글자 크기 조절 버튼 클릭 시
  2516.          $('.font-size-btn').on('click', function() {
  2517.              setFontSize($(this).data('size'));
  2518.          });
  2519.      
  2520.          // 페이지 로드 시 쿠키에서 폰트 크기 불러오기
  2521.          function applyInitialFontSize() {
  2522.              const cookieValue = document.cookie
  2523.                  .split('; ')
  2524.                  .find(row => row.startsWith(FONT_COOKIE_NAME + '='))
  2525.                  ?.split('=')[1];
  2526.              setFontSize(cookieValue || 3); // 쿠키 없으면 기본값 3
  2527.          }
  2528.      
  2529.          applyInitialFontSize();
  2530.          
  2531.          
  2532.          // 플로팅 버튼 위치를 동적으로 조절하는 함수
  2533.          /*
  2534.          function positionFloatingBar() {
  2535.              const container = $('#ctWrap'); // 메인 콘텐츠 영역
  2536.              const floatingBar = $('#floating-actions');
  2537.          
  2538.              if (container.length && floatingBar.length) {
  2539.                  const containerOffsetLeft = container.offset().left;
  2540.                  const barWidth = floatingBar.outerWidth();
  2541.                  const gap = 100; // 콘텐츠와 버튼 사이의 간격 (px)
  2542.          
  2543.                  // 콘텐츠 왼쪽에 버튼을 위치시킬 공간이 충분한지 확인
  2544.                  if (containerOffsetLeft > barWidth + gap + 10) {
  2545.                      // 공간이 충분하면 콘텐츠 왼쪽에 배치
  2546.                      floatingBar.css('left', containerOffsetLeft - barWidth - gap + 'px');
  2547.                  } else {
  2548.                      // 공간이 부족하면 (주로 모바일 화면) 화면 왼쪽에 고정
  2549.                      floatingBar.css('left', '10px');
  2550.                  }
  2551.              }
  2552.          }
  2553.          
  2554.          // 페이지 로드 시 및 창 크기 조절 시 함수 실행
  2555.          positionFloatingBar();
  2556.          $(window).on('resize', positionFloatingBar);
  2557.          */
  2558.          
  2559.      });
  2560.    </script>
  2561.    <!-- -------------------------------------------------------------------------------------------------------- -->
  2562.    <!-- -------------------------------------------------------------------------------------------------------- -->
  2563.  
  2564.  
  2565.    <!-- -------------------------------------------------------------------------------------------------------- -->
  2566.    <!-- 뉴스레터 구독 스크립트 -->
  2567.    <!-- -------------------------------------------------------------------------------------------------------- -->
  2568.    
  2569.    <style>
  2570.        .newsletter > input{ width: 70%; }
  2571.    </style>
  2572.    
  2573.    <script>
  2574.    
  2575.        $(function(){
  2576.            
  2577.           $(".newsletterBtn").click(function(e){
  2578.              
  2579.               e.preventDefault();
  2580.              
  2581.               Swal.fire({
  2582.                   title: '뉴스레터 신청',
  2583.                   html:
  2584.                       '<div class="newsletter"><input id="swal-name" class="frm_input mb-10" placeholder="이름"></div>' +
  2585.                       '<div class="newsletter"><input id="swal-nick" class="frm_input mb-10" placeholder="닉네임"></div>' +
  2586.                       '<div class="newsletter"><input id="swal-email" class="frm_input mb-10" placeholder="이메일"></div>',
  2587.                   confirmButtonText: '신청하기',
  2588.                   focusConfirm: false,
  2589.                   preConfirm: () => {
  2590.                       const name = document.getElementById('swal-name').value.trim();
  2591.                       const nick = document.getElementById('swal-nick').value.trim();
  2592.                       const email = document.getElementById('swal-email').value.trim();
  2593.              
  2594.                       if (!name || !email) {
  2595.                           Swal.showValidationMessage('이름과 이메일을 입력하세요');
  2596.                           return false;
  2597.                       }
  2598.              
  2599.                       return { name, nick, email };
  2600.                   }
  2601.               }).then((result) => {
  2602.                   if (result.isConfirmed && result.value) {
  2603.                       const data = result.value;
  2604.              
  2605.                       // AJAX 요청
  2606.                       fetch('/ajax/newsletter_save.php', {
  2607.                           method: 'POST',
  2608.                           headers: {
  2609.                               'Content-Type': 'application/x-www-form-urlencoded',
  2610.                           },
  2611.                           body: new URLSearchParams(data)
  2612.                       })
  2613.                       .then(response => response.json())
  2614.                       .then(res => {
  2615.                           if (res.success) {
  2616.                               Swal.fire('신청 완료', '뉴스레터 신청이 완료되었습니다.', 'success');
  2617.                           } else {
  2618.                               Swal.fire('오류', res.message || '저장 중 문제가 발생했습니다.', 'error');
  2619.                           }
  2620.                       })
  2621.                       .catch(error => {
  2622.                           Swal.fire('오류', '서버와 통신 중 오류가 발생했습니다.', 'error');
  2623.                       });
  2624.                   }
  2625.               });
  2626.              
  2627.           });
  2628.          
  2629.        });
  2630.    
  2631.    </script>
  2632.    <!-- -------------------------------------------------------------------------------------------------------- -->
  2633.    <!-- -------------------------------------------------------------------------------------------------------- -->
  2634.  
  2635.    <!-- 광고 슬라이드 스크립트 ------------------------------------------------------------------------ -->    
  2636.    <script>
  2637.        document.addEventListener('DOMContentLoaded', function () {
  2638.            document.querySelectorAll('.ad-rotator-slider').forEach(function (sliderEl) {
  2639.                if (!sliderEl || sliderEl.children.length < 2) return;
  2640.                tns({
  2641.                    container: sliderEl,
  2642.                    items: 1,
  2643.                    slideBy: 1,
  2644.                    autoplay: true,
  2645.                    autoplayTimeout: 5000,
  2646.                    autoplayHoverPause: false,       // 호버해도 타이머 유지
  2647.                    autoplayResetOnVisibility: false, // 다른 탭 갔다 와도 재시작하지 않음
  2648.                    autoplayButtonOutput: false,
  2649.                    controls: false,
  2650.                    nav: false,
  2651.                    mouseDrag: true,
  2652.                    speed: 500,
  2653.                    gutter: 8
  2654.                });
  2655.            });
  2656.        });
  2657.    </script>
  2658.  
  2659.    
  2660.    <!-- taboola -->
  2661.    <script type="text/javascript">
  2662.    window._taboola = window._taboola || [];
  2663.    _taboola.push({flush: true});
  2664.    </script>
  2665.  
  2666.  
  2667. <!-- Taboola Flush Start -->
  2668. <script type="text/javascript">
  2669.  window._taboola = window._taboola || [];
  2670.  _taboola.push({flush: true});
  2671. </script>
  2672. <!-- Taboola Flush End -->
  2673. <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"a3b645b94051400085af533cdd75ae25","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
  2674. </body>
  2675. </html>
  2676.  
  2677. <!-- 사용스킨 : theme/news -->
  2678.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda