html, body {
  -webkit-text-size-adjust: none; /* 크롬, 사파리, 오페라 신버전 */
  -ms-text-size-adjust: none; /* IE */
  -moz-text-size-adjust: none; /* 파이어폭스 */
  -o-text-size-adjust: none; /* 오페라 구버전 */
  font-synthesis: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

main {
  max-width: 52.8125rem;
  width: 100%;
  margin-bottom: 7.5rem;
}

strong {
  font-family: Pretendard;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 160%;
  letter-spacing: -0.0169rem;
}

li {
  position: relative;
  padding-left: 0.875rem; /* 마커 + 여백만큼 확보 */
  font-family: Pretendard;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 160%;
  letter-spacing: -0.0169rem;
}

li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0.375rem; /* 마커 수직 정렬 보정 */
  font-family: Pretendard;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1;
  color: #000;
}

li.bullet-blue::before { 
  top: 0.5rem; /* 마커 수직 정렬 보정 */
  color: #0072DA; 
}

.intro {
  margin-top: 4.375rem;
}

.intro > h1 {
  font-family: Pretendard;
  font-weight: 500;
  font-size: 2rem;
  line-height: 140%;
  letter-spacing: -0.0169rem;
  margin-bottom: 0.625rem;
}

.date { 
  font-family: Pretendard;
  font-weight: 300;
  font-size: 1rem;
  line-height: 140%;
  letter-spacing: -0.0169rem;
  text-transform: capitalize;
  color: #434343
}

.thumbnail {
  width: 100%;
  margin: 4.375rem 0 3.125rem 0;
}

.body-text {
  font-family: Pretendard;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 200%;
  letter-spacing: -0.0169rem;
}

.section-divider {
  margin: 4.375rem 0;
  border: none;
  border-top: 1px solid #CCCCCCCC;
}

.section-title {
  font-family: Pretendard;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 140%;
  letter-spacing: -0.0169rem;
  color: #0072DA;
  margin-bottom: 1.5rem;
}

.text-primary {
  color: #0072DA;
  font-family: Pretendard;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 200%;
  letter-spacing: -0.0169rem;
}

.section-image {
  width: 100%;
  margin-bottom: 1.5rem;
}

.subsection {
  margin-bottom: 1rem;
}

.subheading {
  font-family: Pretendard;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 200%;
  letter-spacing: -0.0169rem;
  color: #0072DA;
  margin-bottom: 0.25rem;
}

.section-footer {
  display: flex;
  justify-content: end;
}

.btn-back-list {
  display: flex;
  justify-content: center;  /* 가로 중앙 */
  align-items: center;      /* 세로 중앙 */
  width: 6.9375rem;
  height: 3rem;
  gap: 0.5rem;
  border-radius: 0.25rem;
  border-width: 0.0625rem;
  padding-top: 0.375rem;
  padding-right: 2.5rem;
  padding-bottom: 0.375rem;
  padding-left: 2.5rem;

  border: 0.0625rem solid #E8E8E8;

  margin-top: 4.375rem;
}

.li-line200 {
  line-height: 200%;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-4 {
  margin-bottom: 0.25rem;
}

.mb-8 {
  margin-bottom: 0.5rem;
}

.mb-16 {
  margin-bottom: 1rem;
}

.mb-24 {
  margin-bottom: 1.5rem;
}

.article-mobile-visible {
  display: none;
}

.article-pc-visible {
  display: block;
}

@media (max-width: 69.6875rem) {
  main {
    padding: 1.5rem !important;
  }
}

@media (max-width: 28.125rem) {
  strong {
    font-size: 1rem;
    line-height: 160%;
  }

  li {
    font-size: 1rem;
  }

  .intro > h1 {
    font-size: 1.5rem;
  }

  .date { 
    font-family: Pretendard;
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 140%;
    letter-spacing: -0.0169rem;
    text-transform: capitalize;
  }

  .section-image {
    width: 100%;
    margin-bottom: 1rem;
  }

  .thumbnail {
    width: 100%;
    margin: 3rem 0 2rem 0
  }

  .body-text {
    font-family: Pretendard;
    font-weight: 300;
    font-size: 1rem;
    line-height: 180%;
    letter-spacing: -0.0169rem;
  }

  .section-divider {
    margin: 3.125rem 0;
  }

  .section-title {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }

  .text-primary {
    font-size: 1rem;
    line-height: 160%;
  }

  .subheading {
    font-weight: 500;
    font-size: 1rem;
    line-height: 180%;
    margin-bottom: 0.125rem;
  }

  .section-footer {
    justify-content: center;
  }

  .btn-back-list {
    display: inline-block;
    width: 4.75rem;
    height: 2.3125rem;
    border-radius: 0.25rem;
    border-width: 0.0625rem;
    padding-top: 0.25rem;
    padding-right: 1.5rem;
    padding-bottom: 0.25rem;
    padding-left: 1.5rem;

    border: 0.0625rem solid #E8E8E8;

    margin-top: 50px;
  }

  .li-sm-line200 {
    line-height: 160%;
  }
  
  .mb-sm-4 {
    margin-bottom: 0.25rem;
  }

  .mb-sm-6 {
    margin-bottom: 0.375rem;
  }

  .mb-sm-8 {
    margin-bottom: 0.5rem;
  }

  .mb-sm-10 {
    margin-bottom: 0.625rem;
  }
  
  .mb-sm-12 {
    margin-bottom: 0.75rem;
  }

  .mb-sm-16 {
    margin-bottom: 1rem;
  }

  .article-mobile-visible {
    display: block;
  }

  .article-pc-visible {
    display: none;
  }
}