.archivePage {
  width: 100% !important;
  margin: 0 !important;
  padding: 36px 0 70px !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}

.archivePage * {
  box-sizing: border-box !important;
}

.archiveArticle {
  width: 100% !important;
  max-width: 780px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}



/* =========================
   HEADER
   ========================= */

.archiveHeader {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 34px !important;
  padding: 0 20px !important;

  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  text-align: left !important;
}



/* 작은 아카이브 카테고리 */

.archiveCategory {
  display: block !important;

  margin: 0 0 14px !important;
  padding: 0 !important;

  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;

  color: rgba(0, 0, 0, .42) !important;

  font-size: 11px !important;
  font-weight: 900 !important;

  line-height: 1.2 !important;
  letter-spacing: .12em !important;

  text-transform: uppercase !important;
}



/* 메인 제목 */

.archiveTitle {
  margin: 0 !important;

  color: #111 !important;

  font-size: clamp(29px, 6vw, 40px) !important;
  font-weight: 950 !important;

  line-height: 1.12 !important;
  letter-spacing: -.055em !important;

  word-break: keep-all !important;
}



/* 날짜 */

.archiveDate {
  margin: 14px 0 0 !important;

  color: rgba(0, 0, 0, .38) !important;

  font-size: 12px !important;
  font-weight: 700 !important;

  line-height: 1.4 !important;
  letter-spacing: .04em !important;
}



/* =========================
   BODY
   ========================= */

.archiveBody {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}



/* =========================
   MAIN IMAGE
   ========================= */

.archiveFigure {
  display: block !important;

  width: 100vw !important;
  max-width: 100vw !important;

  margin:
    0
    0
    42px
    calc(50% - 50vw) !important;

  padding: 0 !important;
}

.archiveImage {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;

  margin: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  box-shadow: none !important;
}



/* =========================
   CONTENT
   ========================= */

.archiveContent {
  width: 100% !important;
  max-width: 760px !important;

  margin: 0 auto !important;
  padding: 0 20px !important;

  color: #111 !important;

  font-size: 15px !important;
  font-weight: 500 !important;

  line-height: 1.85 !important;
  letter-spacing: -.035em !important;

  word-break: keep-all !important;
}

.archiveContent p {
  margin: 0 0 22px !important;
}



/* =========================
   LEAD
   ========================= */

.archiveLead {
  margin: 0 0 36px !important;

  color: #111 !important;

  font-size: 17px !important;
  font-weight: 700 !important;

  line-height: 1.7 !important;
  letter-spacing: -.045em !important;

  word-break: keep-all !important;
}



/* =========================
   SECTION
   ========================= */

.archiveSection {
  margin-top: 44px !important;
  padding: 0 !important;

  border: 0 !important;
}

.archiveSection h2 {
  margin: 0 0 16px !important;

  color: #111 !important;

  font-size: 21px !important;
  font-weight: 950 !important;

  line-height: 1.35 !important;
  letter-spacing: -.05em !important;

  word-break: keep-all !important;
}

.archiveSection h3 {
  margin: 24px 0 10px !important;

  color: #111 !important;

  font-size: 17px !important;
  font-weight: 900 !important;

  line-height: 1.4 !important;
  letter-spacing: -.04em !important;
}



/* 리스트 */

.archiveSection ul {
  margin: 4px 0 0 !important;
  padding-left: 20px !important;
}

.archiveSection li {
  margin: 8px 0 !important;

  color: #111 !important;

  font-size: 15px !important;

  line-height: 1.8 !important;
  letter-spacing: -.03em !important;
}



/* =========================
   CLOSING
   핑크 NOTICE 스타일
   ========================= */

.archiveClosing {
  width: 100% !important;

  margin: 50px 0 8px !important;
  padding: 17px 18px !important;

  background: #fff6f8 !important;

  border: 1px solid rgba(222, 150, 164, .22) !important;
  border-left: 4px solid #e5a3b2 !important;

  border-radius: 0 14px 14px 0 !important;

  box-shadow: none !important;

  text-align: left !important;
}

.archiveClosing p {
  margin: 0 !important;

  color: rgba(0, 0, 0, .68) !important;

  font-size: 14px !important;
  font-weight: 750 !important;

  line-height: 1.7 !important;
  letter-spacing: -.035em !important;

  word-break: keep-all !important;
}



/* =========================
   DESKTOP
   ========================= */

@media (min-width: 900px) {

  .archiveFigure {
    width: 780px !important;
    max-width: 780px !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }

  .archiveImage {
    width: 780px !important;
    max-width: 780px !important;
  }

}



/* =========================
   MOBILE
   ========================= */

@media (max-width: 768px) {

  .archivePage {
    padding-top: 28px !important;
    padding-bottom: 56px !important;
  }


  .archiveHeader {
    padding: 0 18px !important;
    margin-bottom: 28px !important;
  }


  .archiveCategory {
    margin-bottom: 12px !important;

    font-size: 10px !important;
    letter-spacing: .11em !important;
  }


  .archiveTitle {
    font-size: 30px !important;
    line-height: 1.14 !important;
  }


  .archiveDate {
    margin-top: 12px !important;
  }


  .archiveFigure {
    width: 100vw !important;
    max-width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;
    margin-bottom: 34px !important;
  }


  .archiveImage {
    width: 100vw !important;
    max-width: 100vw !important;
  }


  .archiveContent {
    max-width: 100% !important;

    padding: 0 18px !important;

    font-size: 15px !important;
    line-height: 1.8 !important;
  }


  .archiveLead {
    margin-bottom: 32px !important;

    font-size: 17px !important;
    line-height: 1.65 !important;
  }


  .archiveSection {
    margin-top: 38px !important;
  }


  .archiveSection h2 {
    margin-bottom: 14px !important;

    font-size: 20px !important;
  }


  .archiveSection li {
    font-size: 15px !important;
    line-height: 1.75 !important;
  }


  .archiveClosing {
    margin-top: 42px !important;

    padding: 16px 17px !important;

    border-radius: 0 13px 13px 0 !important;
  }


  .archiveClosing p {
    font-size: 13px !important;
    line-height: 1.7 !important;
  }

}



/* =========================
   SMALL MOBILE
   ========================= */

@media (max-width: 420px) {

  .archiveHeader {
    padding: 0 16px !important;
  }


  .archiveTitle {
    font-size: 28px !important;
  }


  .archiveContent {
    padding: 0 16px !important;
  }


  .archiveLead {
    font-size: 16px !important;
  }


  .archiveSection h2 {
    font-size: 19px !important;
  }

}