@charset "UTF-8";

/* 뉴스 상세(자체 기업소식) */
.newsArticle{max-width: 880px; margin: 0 auto;}

.newsArticle .articleHead{padding-bottom: 28px; border-bottom: 1px solid #ebedf0;}
.newsArticle .articleMeta{display: flex; align-items: center; gap: 8px; margin-bottom: 16px;}
.newsArticle .articleSource{display: inline-block; padding: 4px 10px; background: #f0f4f8; color: #4a5568; font-size: 12px; font-weight: 600; border-radius: 4px;}
.newsArticle .articleDate{font-size: 12px; color: #9ca3af;}
.newsArticle .articleTitle{font-size: 32px; font-weight: 700; line-height: 1.35; color: #1E1F1E; letter-spacing: -0.5px;}

.newsArticle .articleBody{padding: 36px 0 8px;}
.newsArticle .articleBody p{font-size: 16px; line-height: 1.85; color: #3c4149;}
.newsArticle .articleBody p + p{margin-top: 16px;}
.newsArticle .articleBody h2{position: relative; margin: 48px 0 20px; padding-left: 14px; font-size: 21px; font-weight: 700; line-height: 1.45; color: #1E1F1E; letter-spacing: -0.3px;}
.newsArticle .articleBody h2::before{content: ''; position: absolute; top: 5px; left: 0; width: 4px; height: 20px; background: #FF7C3B; border-radius: 2px;}

.newsArticle .articleFigure{margin: 32px 0;}
.newsArticle .articleFigure img{display: block; width: 100%; height: auto; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,0.06);}
.newsArticle .articleFigure.portrait img{max-width: 480px; margin: 0 auto;}
.newsArticle .articleFigure figcaption{margin-top: 12px; font-size: 13px; line-height: 1.6; color: #9ca3af; text-align: center;}

.newsArticle .articleList{margin: 20px 0 0;}
.newsArticle .articleList li{position: relative; padding: 14px 18px 14px 34px; background: #fafbfc; border-radius: 8px; font-size: 15px; line-height: 1.7; color: #3c4149;}
.newsArticle .articleList li + li{margin-top: 10px;}
.newsArticle .articleList li::before{content: ''; position: absolute; top: 23px; left: 18px; width: 6px; height: 6px; background: #FF7C3B; border-radius: 50%;}
.newsArticle .articleList li strong{display: block; margin-bottom: 2px; font-weight: 700; color: #1E1F1E;}

.newsArticle .articleFoot{margin-top: 48px; padding-top: 28px; border-top: 1px solid #ebedf0; display: flex; justify-content: center;}
.newsArticle .articleFoot .listBtn{display: inline-flex; align-items: center; gap: 8px; height: 48px; padding: 0 28px; border: 1px solid #e2e6ea; border-radius: 50px; font-size: 14px; font-weight: 600; color: #1E1F1E; transition: all 0.3s ease;}
.newsArticle .articleFoot .listBtn:hover{border-color: #FF7C3B; color: #FF7C3B;}
.newsArticle .articleFoot .listBtn::before{content: ''; width: 14px; height: 14px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E1F1E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M12 19l-7-7 7-7'/%3E%3C/svg%3E") no-repeat center; background-size: contain;}
.newsArticle .articleFoot .listBtn:hover::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF7C3B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M12 19l-7-7 7-7'/%3E%3C/svg%3E");}

@media (max-width: 1024px){
  .newsArticle .articleTitle{font-size: 27px;}
  .newsArticle .articleBody h2{margin: 40px 0 16px; font-size: 19px;}
}

@media (max-width: 576px){
  .newsArticle .articleHead{padding-bottom: 20px;}
  .newsArticle .articleTitle{font-size: 22px;}
  .newsArticle .articleBody{padding: 28px 0 4px;}
  .newsArticle .articleBody p{font-size: 15px; line-height: 1.8;}
  .newsArticle .articleBody h2{margin: 32px 0 14px; font-size: 17px;}
  .newsArticle .articleFigure{margin: 24px 0;}
  .newsArticle .articleFigure img{border-radius: 8px;}
  .newsArticle .articleList li{padding: 12px 14px 12px 30px; font-size: 14px;}
  .newsArticle .articleList li::before{top: 20px; left: 14px;}
  .newsArticle .articleFoot{margin-top: 36px;}
}