
    header { padding: 25px 0; background:#00A3FF; position: fixed; top: 0; left: 0; width: 100%; z-index: 1500; }
  /* 래퍼 및 카테고리 (인라인 CSS 분리) */
  .website_wrap { max-width: 1400px; padding: 150px 20px; margin: 0 auto; }
  .main-category { font-size: 14px; margin-bottom: 1rem; }
  .main-category a { color: #ed1c24; text-decoration: none; }
  .main-category a:hover { text-decoration: underline; }

  /* 기본 텍스트 스타일 */
  .website_wrap h1 { font-size: 28px; margin-bottom: 25px; color: #222; font-weight: 700; line-height: 1.4; }
  .website_wrap h2 { font-size: 24px; margin-bottom: 25px; color: #222; font-weight: 700; line-height: 1.4; }
  .website_wrap p { margin-bottom: 30px; font-size: 17px; line-height: 1.8; color: #555; }
  .website_wrap h3 { font-size: 20px; margin-top: 40px; margin-bottom: 20px; color: #333; font-weight: 600; }
  .website_wrap h4 { font-size: 18px; }
  
  /* 유틸리티 클래스 */
  .main-description { margin-bottom: 1rem; }
  .intro-text { margin-bottom: 100px; }
  .margin-bottom-80 { margin-bottom: 80px; }
  
  /* 이미지 스타일 */
  .main-image { width: 100%; border-radius: 15px; margin: 100px auto; display: block; }
  .content-image { width: 100%; border-radius: 15px; margin: 40px 0; }
  
  /* 리스트 스타일 */
  .website_wrap ul { font-size: 17px; line-height: 1.8; font-weight: 400; color: #555; margin-bottom: 40px; list-style: none; padding-left: 0; }
  .website_wrap ul li { position: relative; margin-bottom: 15px; padding-left: 20px; }
  .website_wrap ul li::before { content: '•'; font-weight: 500; color: #ed1c24; position: absolute; left: 0; font-size: 20px; top: -2px; }
  
  /* 프로필 영역 */
  .profile_info { margin: 20px 0 30px; display: inline-block; float: left; width: 100%; }
  .profile_info .pf_img { float: left; margin-right: 12px; }
  .profile_info .pf_img img { border-radius: 50%; width: 50px; height: 50px; object-fit: cover; }
  .profile_info .profile_info_ct { float: left; padding: 5px 0; line-height: 20px; }
  strong { margin: 0 10px 0 0; font-weight: 600; }
  .sv_member { color: #222; }
  .if_date { margin: 0; color: #888; font-weight: 400; font-size: 14px; }
  p strong, ul strong { font-weight: 700; color: #222; }
  
  /* 팁 박스 */
  .website_wrap .tip { margin: 35px 0 60px; padding: 35px 40px; border-radius: 15px; background-color: #f8f9fa; border-left: 4px solid #ed1c24; box-shadow: 0 2px 10px rgba(0,0,0,0.03); }
  .tip-title { margin-bottom: 15px; }
  .tip-list { margin-bottom: 0 !important; }
  
  /* 테이블 */
  .table-responsive { overflow-x: auto; }
  .seo-table { width: 100%; border-collapse: collapse; margin-bottom: 40px; font-size: 16px; text-align: left; min-width: 600px; }
  .seo-table th { background-color: #f0f4f9; padding: 18px 15px; border-bottom: 2px solid #ddd; color: #333; font-weight: 600; }
  .seo-table td { padding: 18px 15px; border-bottom: 1px solid #eee; color: #555; }
  .seo-table tbody tr:hover { background-color: #fafafa; }
  .data-source { font-size: 14px; color: #888; margin-bottom: 80px; }
  
  /* CTA 버튼 영역 */
  .cta-wrap { text-align: center; margin: 60px 0; }
  .cta-wrap h3 { color: #ed1c24; margin-bottom: 15px; }
  .cta-button { display: inline-block; background-color: #ed1c24; color: #fff; padding: 15px 40px; font-size: 18px; font-weight: bold; text-decoration: none; border-radius: 30px; box-shadow: 0 4px 6px rgba(237, 28, 36, 0.3); transition: background-color 0.3s ease; }
  .cta-button:hover { background-color: #d11820; color: #fff; }

  /* 반응형 폰트 조절 */
  @media screen and (max-width: 768px) {
    .website_wrap { padding: 80px 20px; }
    .website_wrap h2 { font-size: 22px; }
    .website_wrap p, .website_wrap ul { font-size: 15px; }
    .seo-table { font-size: 14px; }
    .website_wrap .tip { padding: 25px 20px; }
    .main-image { margin: 50px auto; }
    .intro-text { margin-bottom: 50px; }
    .margin-bottom-80 { margin-bottom: 40px; }
  }

  /* 연관 포스팅 */
  .post_wrap { margin: 80px 0 40px; padding: 50px 0 40px; border-top: 2px solid #f0f0f0; }
  .post_wrap h3 { font-size: 24px; font-weight: 700; margin-bottom: 30px; color: #222; }
  .content_box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
  .content_post { position: relative; transition: transform 0.3s ease; background: #fff; }
  .content_post:hover { transform: translateY(-8px); }
  .content_post a { display: block; text-decoration: none; }
  .content_post img { width: 100%; height: 240px; object-fit: cover; border-radius: 12px; margin-bottom: 15px; box-shadow: 0 4px 10px rgba(0,0,0,0.05); }
  .content_post span { display: block; font-size: 16px; line-height: 1.5; color: #333; font-weight: 600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding: 0 5px; }

  /* 반응형 (연관 포스팅) */
  @media screen and (max-width: 1024px) { .content_box { grid-template-columns: repeat(2, 1fr); } }
  @media screen and (max-width: 768px) {
    .post_wrap { margin: 50px 0 20px; padding: 40px 0 20px; }
    .post_wrap h3 { font-size: 20px; margin-bottom: 20px; }
    .content_box { grid-template-columns: 1fr; gap: 25px; }
    .content_post img { height: 200px; }
    .content_post span { font-size: 15px; }
  }