/* 본문 글 폰트 변경 - noonnu폰트 */
@font-face {
  font-family: "GmarketSansMedium";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

:root {
  --nav-height-lg: 60px;
  --nav-height-sm: 30px;
}
html,
body {
  width: 100%;
  max-height: 100%;
}
body {
  margin: 0;
  display: flex;
  flex-direction: column;
}

.test_name {
  margin-top: 15px;
  text-align: center;
}

#wrap {
  flex: 1; /* 화면 비율에 따라 유연하게 늘어나거나 줄어들게 */
  position: relative;
  width: 100%;
  height: 100%;
}

#wrap .intro {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  align-items: center;
  margin-top: 20px;
  padding: 0 7vw;
}

.i_right {
  width: 100%;
  padding: 0 10vw;
}

#startBtn {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  height: 70px;
  margin: auto;
  margin-bottom: 5vh;
  line-height: 65px;
  letter-spacing: 2px;
  font-family: "GmarketSansMedium";
}

h1,
h4 {
  font-family: "GmarketSansMedium";
}

/** carousel css */
.carousel-item img {
  max-width: 100%;
  height: 80vh;
  object-fit: contain;
  transition: transform 0.3s ease-in-out;
}

/** media query */
@media screen and (max-width: 768px) {
  h4 {
    font-size: 0.7em;
  }
  span {
    /* inline인 span에 block을 주어 줄바꿈 시킴 */
    display: block;
  }
}