@font-face {
  font-family: 'Pretendard-Regular';
  src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

*{margin:0;padding:0;font:inherit;color:inherit;}
*, :after, :before {box-sizing:border-box;}
:root {-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%;cursor:default;line-height:1.5;overflow-wrap:break-word;-moz-tab-size:4;tab-size:4}
html, body {height:100%;}
img, picture, video, canvas, svg {display: block;max-width:100%;}
button {background:none;border:0;cursor:pointer;}
a {text-decoration:none}
table {border-collapse:collapse;border-spacing:0}
li{list-style: none;}

body{
  font-family: 'Pretendard-Regular', serif;
}

.book {
  height: 100svh;
  background-color: #ebf2f3;  
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.book ul{
  max-width: 1600px;
  margin : 0 auto;
  display: flex;
  gap: 32px;
}
.item{
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  .img_box{
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(80, 80, 80, 0.4);
    img{
      width: 100%;
      transition: 0.3s transform ease-out;
    }
  }
  & p{
    font-size: 1.75rem;
    font-weight: 600;
    margin-top: 1rem;
    text-align: center;
    color: #333;
  }
}
.item a:hover{
  img{
    transform: scale(1.05);
  }
  & p{
    color: #13316d;
  }
}