.title-body { position: absolute; width: calc(100% - 290px - ((100% - 1240px) / 2)); min-width: 950px; height: 100px; background: #B0DF78; }
.title-body.all { background: #EDFFD6; }
.title-body.alist { background: #C8ACD1; }
.title-body.ne { background: #C8ABD1; }
.title-body.ybm { background: #fff; }
.title-body.dong { background: #fff; }
.title-body.woong { background: #fff; }
.title-body.key { background: #fff; }
.title-body.hack { background: #fff; }
.title-body.jihak { background: #fff; }
.title-body.gilbut { background: #fff; }
.title-body.darakwon { background: #fff; }

.new-book-body { position: absolute; width: calc(100% - 290px - ((100% - 1240px) / 2)); min-width: 950px; height: 46px; background: #7E5AC7; top: 181px; color: #fff; padding-left: 40px; }
.new-book-body .dp-flex { align-items: center; height: 100%; font-size: 16px; font-weight: 500; }
.new-book-body .dp-flex .badge { font-size: 13px; padding-bottom: 5px; background-color: #FDEC51; color: #7E5AC7; }

.title-img { width: 790px; background: #fff; }
.title-body.all .title-img { background: #EDFFD6; }
.title-txt { position: absolute; left: 0; top: 0; height: 100%; width: 950px; align-items: center; }
.title-txt>.col { font-size: 30px; font-weight: 500; color: #fff; padding-left: 40px; line-height: 1.2; }
.cc-content { margin-top: 100px; }
.cc-content.notice { margin-top: 146px; }

.cat1-body { padding-top: 30px; justify-content: center; --bs-gutter-x: 10px; }
.cat1-body .btn-cat1 { border: 2px solid #DBDBDB; border-radius: 100px; background: #fff; font-size: 16px; font-weight: 500; line-height: 1.2; text-align: center; padding: 10px; cursor: pointer; width: 120px; }
.cat1-body .btn-cat1:hover { background: #E3FCCC; }
.cat1-body .btn-cat1.active { background: #78D024; color: #fff; }
.cat1-body .btn-cat1.active.new { background: #FF6159; }
.cat1-body .book-cnt { font-size: 14px; font-weight: 400; line-height: 1.2; color: #666; text-align: center; margin-top: 5px; }

.new-book-list { margin-top: 30px; --bs-gutter-x: 60px; }
.new-book-list .row2.book-row { line-height: 1.2; padding: 10px 0px; border-bottom: 1px solid #f3f3f3; }
.new-book-list .row2.book-row .img { width: 120px; padding-right: 20px; }
.new-book-list .row2.book-row .content { font-size: 16px; font-weight: 500; color: #292929; margin-top: 12px; height: 50px; }

.link { font-size: 14px; font-weight: 500; color: #7E5AC7; line-height: 1.2; }
.link:hover { text-decoration: underline; }
.link>i { top: 0px; font-size: 105%; }


.cat-list{
    display:flex;
    flex-direction: column;
    gap:60px;
    padding-top:30px;
}
.cat-title{
    font-weight: 500;
    font-size:16px;
    padding:4px 10px;
    background:#F3F3F3;
    color:#333;
    margin-bottom: 10px;;
}

.book-list { 
    padding-top: 30px;
    display:flex;
    flex-direction: column;
    gap:40px;
}


.book-list .book-row { 
    display: flex;
    gap:20px;
    flex-wrap: wrap;
}
.book{
    width: 135px;
    position: relative; /* 상대 위치 설정 */
    transition: all 0.1s ease; /* 부드러운 전환 효과 */
    background: #fff;
}
.book>img {
    width: 100%;
    height: 175px;
    border: 1px solid #d8d8d8;
}
.book>.title {
    font-size: 13px;
    color: #333;
    margin-top: 10px;
    word-break: break-word;
}
.btn-more{
    width: 135px;
    height: 175px;
}
.book:hover{
    transform: scale(1.43); /* 크기를 키우는 변환 적용 */
    z-index: 10;
    box-shadow: 0px 5px 5px 15px rgba(255, 255, 255, 0.70) !important;
}