@font-face {
  font-family: "Pretendard";
  src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff")
    format("woff");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Pretendard-b";
  src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff")
    format("woff");
  font-weight: 600;
  font-display: swap;
}

/* font */
@font-face{
  font-family: 'PretendardLight';
  src: url('../font/Pretendard-Light.woff2') format('woff2');
  src: url('../font/Pretendard-Light.woff') format('woff');
}
@font-face{
  font-family: 'Pretendard';
  src: url('../font/Pretendard-Regular.woff2') format('woff2');
  src: url('../font/Pretendard-Regular.woff') format('woff');
}
@font-face{
  font-family: 'PretendardSemiBold';
  src: url('../font/Pretendard-SemiBold.woff2') format('woff2');
  src: url('../font/Pretendard-SemiBold.woff') format('woff');
}
@font-face{
  font-family: 'PretendardBold';
  src: url('../font/Pretendard-Bold.woff2') format('woff2');
  src: url('../font/Pretendard-Bold.woff') format('woff');
}

.card_box {
  width: 94%;
  position: relative;
  margin: auto;
  font-family: "Pretendard";
  line-height: 1.7;
  font-size: 1.6rem;
  text-align: justify;
  word-break: normal;
  letter-spacing: -2px;
  cursor: default;
  user-select: none;
  margin-bottom: 5rem;
  font-weight: 200;
}

.card_box .card_news {
  position: relative;
  background-color: #fafafa;
  border: 4px solid #302f5a;
  padding: 1rem 1.2rem;
  margin-bottom: 1.5rem;
}
.card_box .card_news .card_city {
  position: absolute;
  color: #31697f;
  left: 4.9rem;
  top: 1.67rem;
  font-size: 1.7rem;
  font-family: PretendardSemiBold;
}
.card_box .card_news figure {
  border-radius: 1.2rem;
  overflow: hidden;
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
}

/* .card_box .card_news h3 {
  position: absolute;
  top: 29.2rem;
  left: 5rem;
  font-family: "NanumSquareNeoExtraBold";
} */
.card_box .card_content {
  position: relative;
}
.card_box .card_news h3 {
  position: absolute;
  top: 0;
  left: 3.84rem;
  font-family: "PretendardSemiBold";
}
.card_box .card_news p {
  padding: 0 0.7rem;
  overflow: hidden;
  margin-bottom: 1.5rem;
  margin-top: 0.2rem;
  font-weight: 200;
  color: #4a4a4a;
  font-family: 'Pretendard';
}
.card_box .card_news p span {
  margin-top: 1.2rem;
  display: block;
}

.card_box .card_news p span.word_inner {
  display: initial;
  margin-top: initial;
  padding-left: 40px;
}
#mainNews .newsSlider .newsBox > a > .newsDesc > h3 {
  font-family: "Pretendard";
}

#mainNews .newsSlider .newsBox > a > .newsDesc > p {
  font-family: "Pretendard";
}
footer{
  font-family: 'Prtendard';
}

@media all and (max-width: 900px) {
  /* 포토 | 우리동네 */
  /* 포토카드 */
  html {
    font-size: 11px;
  }

  .card_box .card_news {
    border-width: 2px;
    padding: 10px 12px;
    margin-bottom: 15px;
  }
  .card_box .card_news figure {
    border-radius: 12px;
  }
  .card_box .card_news .card_city {
    top: 14px;
  }
  .card_box .card_news h3 {
    left: 3.45rem;
    letter-spacing: -1.2px;
  }
  .card_box .card_news p {
    letter-spacing: -1.2px;
    font-weight: 200;
  }
  .card_box .card_news p span {
    margin-top: 12px;
    display: block;
  }
  footer{
    font-size: 11px;
  }
}

/* iPad Mini 같은 작은 태블릿 전용 (세로/가로 모두 포함) */
@media all and (min-width: 744px) and (max-width: 1133px) {
  html {
    font-size: 20px;
  }
  .card_box .card_news .card_city {
    top: 1.3rem;
  }
  .card_box .card_news h3 {
    left: 4.1rem;
    letter-spacing: -1.2px;
  }
}

@media all and (max-width: 360px) {
  html {
    font-size: 10px;
  }
}