.realtime-search-ticker{margin-top:14px;display:flex;align-items:center;gap:12px;min-height:38px;color:#fff;max-width:760px;margin-left:auto;margin-right:auto}.realtime-search-ticker>strong{flex:0 0 auto;background:#fff;color:#17493b;border-radius:999px;padding:7px 12px;font-size:13px}.realtime-search-ticker>small{font-size:11px;opacity:.7;white-space:nowrap}.ticker-items{position:relative;flex:1;height:34px;overflow:hidden}.ticker-item{position:absolute;inset:0;display:flex;align-items:center;gap:10px;color:#fff;opacity:0;transform:translateY(15px);pointer-events:none;transition:.35s}.ticker-item.active{opacity:1;transform:translateY(0);pointer-events:auto}.ticker-item b{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:rgba(255,255,255,.15);font-size:12px}.ticker-item span{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker-item em{margin-left:auto;font-style:normal;font-size:11px;font-weight:900}.trend-up{color:#ffe48f}.trend-down{color:#bbd7ff}.trend-new{color:#ffcfcb}.trend-same{opacity:.65}.popular-search-box{margin-top:18px;border-top:1px solid #e4ebe7;padding-top:15px}.popular-search-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.popular-search-head b{font-size:15px}.popular-search-head small{color:#8a9791;font-size:11px}.popular-search-box ol{list-style:none;margin:0;padding:0}.popular-search-box li a{display:grid;grid-template-columns:25px 1fr auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #edf1ef}.popular-search-box li strong{font-size:12px;color:#c27c3f}.popular-search-box li span{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popular-search-box li em{font-style:normal;color:#92a09a;font-size:10px}@media(max-width:720px){.realtime-search-ticker{margin-left:8px;margin-right:8px;gap:8px}.realtime-search-ticker>small{display:none}.ticker-item span{font-size:13px}.popular-search-box li a{padding:8px 0}}
/* v3.7.1: 인기검색어를 우측 세로 목록에서 전체폭 가로 목록으로 이동 */
.popular-search-strip{margin-top:12px;background:#fff;border:1px solid #dfe4e7;padding:12px 16px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;min-height:52px}
.popular-search-strip>b{font-size:14px;white-space:nowrap;color:#1e3530}
.popular-search-strip ol{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:8px 18px;min-width:0;overflow:hidden}
.popular-search-strip li{flex:0 1 auto;min-width:0}
.popular-search-strip a{display:flex;align-items:center;gap:6px;min-width:0;color:#344b45}
.popular-search-strip strong{font-size:11px;color:#c27c3f;flex:0 0 auto}
.popular-search-strip span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.popular-search-strip a:hover span{color:#0d8066;text-decoration:underline}
@media(max-width:1050px){.popular-search-strip ol{overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}.popular-search-strip li{flex:0 0 auto}}
@media(max-width:720px){.popular-search-strip{grid-template-columns:1fr;gap:8px;padding:11px 13px}.popular-search-strip ol{gap:8px 16px}.popular-search-strip span{font-size:12px}}

/* =========================================================
   Changsabu v3.7.2 - mobile horizontal overflow hardening
   메인/게시판/게시글/검색/카테고리 공통 적용
   ========================================================= */
html,body{max-width:100%}

@media(max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  @supports (overflow:clip){html,body{overflow-x:clip}}

  /* Grid/Flex children must be allowed to shrink below content width. */
  .portal-width,.container,.article-wrap,.portal-search-inner,
  .portal-header,.portal-main,.portal-top-grid,.portal-lead-panel,
  .portal-spotlight-panel,.portal-ranking,.portal-news-section,
  .domestic-layout,.portal-board-grid,.portal-bottom-grid,
  .portal-board,.portal-latest,.portal-service,.region-portal,
  .category-grid,.post-grid,.board-page,.board-table,.board-row,
  .article,.article-head,.article-content,.article-side,
  .community-promo,.footer-grid,.site-footer,
  .portal-main-search,.hero-search,.realtime-search-ticker,
  .ticker-items,.ticker-item,.popular-search-strip,
  .adsense-slot,.ad-banner{min-width:0;max-width:100%}

  /* Search forms occasionally overflow because the input keeps its intrinsic width. */
  .portal-main-search input,.hero-search input,
  .header-portal-search input,.board-filter input,
  .write-grid input,.write-grid select,.write-grid textarea{
    min-width:0;width:1%;max-width:100%
  }

  /* 인기검색어는 모바일에서 가로 스크롤을 만들지 않고 두 줄 이내로 배치. */
  .popular-search-strip{overflow:hidden}
  .popular-search-strip ol{
    display:flex;flex-wrap:wrap;overflow:visible;max-width:100%;
    gap:7px 14px;padding:0
  }
  .popular-search-strip li{flex:0 1 auto;max-width:calc(50% - 8px)}
  .popular-search-strip a,.popular-search-strip span{max-width:100%}
  .popular-search-strip li:nth-child(n+7){display:none}

  /* AdSense or external banners must never widen the document. */
  .adsense-slot,.ad-banner,ins.adsbygoogle{
    display:block!important;width:100%!important;max-width:100%!important;
    min-width:0!important;overflow:hidden!important
  }
  .adsense-slot>*,.ad-banner>*,ins.adsbygoogle>*,
  .adsense-slot iframe,.ad-banner iframe,ins.adsbygoogle iframe{
    max-width:100%!important;min-width:0!important
  }

  /* User/article content can contain fixed-width images, iframes, tables or long URLs. */
  img,video,canvas,svg,embed,object{max-width:100%!important;height:auto}
  iframe{max-width:100%!important}
  .article-content,.article-content p,.article-content li,
  .article-content h1,.article-content h2,.article-content h3,
  .article-content h4,.article-head h1,.post-card-body,
  .board-row strong,.latest-list b,.domestic-list b{
    overflow-wrap:anywhere;word-break:break-word
  }
  .article-content [style*="width"],.article-content [width]{max-width:100%!important}
  .article-content table{
    display:block;width:100%!important;max-width:100%!important;
    overflow-x:auto;-webkit-overflow-scrolling:touch
  }
  .article-content pre,.article-content code{
    max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word
  }

  /* Prevent long navigation/buttons from enlarging flex and grid tracks. */
  .portal-nav a,.community-promo>a,.footer-menu a,
  .tag-list a,.region-links a,.portal-service>a{min-width:0}
}

@media(max-width:480px){
  .portal-main-search button{padding-left:13px;padding-right:13px;white-space:nowrap}
  .realtime-search-ticker{max-width:calc(100% - 16px);overflow:hidden}
  .ticker-item{max-width:100%;overflow:hidden}
  .ticker-item span{min-width:0;max-width:100%}
  .article-head h1{font-size:27px;overflow-wrap:anywhere}
  .article-content h2{font-size:23px}
}
