@font-face {
  font-family: "NanumSquareNeo";
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix)
      format("embedded-opentype"),
    url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff)
      format("woff"),
    url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf)
      format("truetype");
}

@font-face {
  font-family: "NanumSquareNeoExtraBold";
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix)
      format("embedded-opentype"),
    url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff)
      format("woff"),
    url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf)
      format("truetype");
}

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

.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-weight: 600;
}
.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: 4.2rem;
  font-family: "NanumSquareNeoExtraBold";
}
.card_box .card_news p {
  padding: 0 0.7rem;
  overflow: hidden;
  margin-bottom: 1.5rem;
  margin-top: 0.2rem;
}
.card_box .card_news p span {
  margin-top: 1.2rem;
  display: block;
}
@media all and (max-width: 900px) {
  /* 포토 | 우리동네 */
  /* 포토카드 */
  .card_box {
    font-size: 16px;
    margin-bottom: 50px;
  }

  .card_box .card_news {
    border-width: 2px;
    padding: 10px 12px;
    margin-bottom: 15px;
  }

  .card_box .card_news figure {
    border-radius: 10px;
    margin-bottom: 15px;
  }

  .card_box .card_news .card_city {
    left: 53px;
    top: 14px;
    font-size: 19px;
  }
  .card_box .card_news figure {
    border-radius: 12px;

    margin-top: 7px;
    margin-bottom: 15px;
  }
  .card_box .card_news h3 {
    left: 36px;
    letter-spacing: -1.2px;
  }
  .card_box .card_news p {
    padding: 0 8px;
    letter-spacing: -1.2px;
    margin-bottom: 15px;
  }
  .card_box .card_news p span {
    margin-top: 12px;
    display: block;
  }
}