/* 뉴스/공지 아티클 레이아웃 */
/* vendor site.css: .header_overlay .section_wrap.section_first { padding-top: 100px !important; }
   이 규칙으로 자동으로 100px 패딩이 적용됨. 아래는 추가 여백 */
.article-page-wrap { padding-bottom: 80px; }
.article-inside { max-width: 900px; margin: 0 auto; padding: 0 24px; }

.article-breadcrumb { font-size: 13px; color: #999; margin-bottom: 36px; }
.article-breadcrumb a { color: #999; text-decoration: none; }
.article-breadcrumb a:hover { color: #252931; }

.article-header { border-bottom: 2px solid #252931; padding-bottom: 20px; margin-bottom: 40px; }
.article-category { display: inline-block; background: #252931; color: #fff;
  padding: 3px 10px; border-radius: 3px; font-size: 12px; margin-bottom: 12px; }
.article-title { font-size: 1.6rem; font-weight: 700; color: #1a1a1a;
  margin: 8px 0 12px; line-height: 1.4; }
.article-meta { color: #999; font-size: 14px; }

.article-body { line-height: 1.8; color: #333; }
.article-body img { max-width: 100%; height: auto; }
.article-body p { margin-bottom: 16px; }
.fr-view p { margin: 0 0 16px; }

.article-back { margin-top: 60px; padding-top: 24px; border-top: 1px solid #e5e5e5; }
.article-back a { color: #555; text-decoration: none; font-size: 14px;
  padding: 8px 20px; border: 1px solid #ccc; border-radius: 4px; display: inline-block; }
.article-back a:hover { background: #252931; color: #fff; border-color: #252931; }