@font-face {
  font-family: "Pretendard Variable";
  font-weight: 45 920;
  font-style: normal;
  font-display: swap;
  src: url("./woff2/PretendardVariable.woff2") format("woff2-variations");
}

body {
  margin: 0 auto;
  min-height: 100vh;
  /* width:360px; */
  overflow-x: hidden;
}

a {
  text-decoration: none;
  display: inline-block;
  color:black;
  cursor: pointer;
}






/* === 이야기 슬라이딩 === */

.middleSlideContainer{
	display:flex;
	//justify-content: center;
	align-items: center;
	//padding:10px 0;
	//margin-top:20px;
	margin-bottom:20px;
}

.card .imgContainer{
	background:white;
}

.cardBox{
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
}

.imgHeader {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 26px;
	font-weight: 600;
	margin: 30px;
}

.main-carousel {
  //width: 878px;
  width: 1170px;
  height: 350px;
  gap: 1rem;
}

.main-carousel .flickity-viewport {
  //height: 334px;
}

.main-carousel .flickity-page-dots {
  display: none;
}

.flickity-prev-next-button {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  transform: translateY(-50%) translateY(-20px);
}

.card {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
	background: #fff;
	//box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.08);
	//margin-right: 1rem;
}

.card img {
  border-radius: 12px;
  width: 288px;
  height: 288px;
  margin-right:6px;
}

.cardLabel {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-weight: 600;
	padding: 16px 0;
}