@charset "utf-8";

.onnuri-ai-storybook {padding:58px 0 90px;background:#fff;}
.onnuri-ai-storybook * {box-sizing:border-box;}
.onnuri-ai-storybook-inner {display:flex;align-items:flex-start;gap:20px;}
.onnuri-ai-intro {flex:0 0 31%;padding-top:18px;}
.onnuri-ai-label {display:inline-block;margin:0 0 20px;padding:7px 14px 6px;border-radius:20px;background:#eef5ff;color:#1455a0;font-size:12px;font-weight:700;letter-spacing:.08em;line-height:1;}
#section1 .onnuri-ai-storybook .onnuri-ai-title {margin:0;color:#3854a4;font-size:42px;font-weight:700;line-height:1.08;word-break:keep-all;}
.onnuri-ai-description {max-width:330px;margin:23px 0 27px;color:#36536f;font-size:17px;font-weight:400;line-height:1.55;word-break:break-word;}
.onnuri-ai-books {flex:1;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px;align-items:start;}
.onnuri-ai-book {position:relative;display:block;min-width:0;color:#16344e;text-align:center;text-decoration:none;}
.onnuri-ai-book-cover {display:block;overflow:visible;position:relative;margin:0 auto 16px;border:1px solid #dfdfdf;box-shadow:0 8px 24px rgba(0,0,0,.10);border-radius:0 0 4px 4px;}
.onnuri-ai-book-cover img {display:block;width:100%;height:auto;border-radius:0 0 4px 4px;}
.onnuri-ai-book-cover:after {position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;border-radius:0 0 4px 4px;background:#000;content:"";opacity:0;transition:opacity .3s ease;}
.onnuri-ai-book-view {position:absolute;top:50%;left:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:50%;max-width:80px;aspect-ratio:1 / 1;padding:10px;border-radius:50%;background:#0e357bcc;color:#fff;font-family:'Paperlogy',sans-serif;font-size:14px;font-weight:600;line-height:1.35;text-align:center;transform:translate(-50%,-50%);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;}
.onnuri-ai-book-cover:hover:after,.onnuri-ai-book-cover:focus:after {opacity:.2;}
.onnuri-ai-book-cover:hover .onnuri-ai-book-view,.onnuri-ai-book-cover:focus .onnuri-ai-book-view {opacity:1;visibility:visible;}
.onnuri-ai-book-info {display:block;color:#16344e;text-decoration:none;}
.onnuri-ai-book-info:hover,.onnuri-ai-book-info:focus {color:#16344e;text-decoration:none;}
.onnuri-ai-storybook .ai_badge {position:absolute;top:-16px;left:-16px;z-index:2;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#f66c50;color:#fff;font-size:20px;
font-weight:700;line-height:1;box-shadow:0 3px 8px rgba(0,0,0,.16);}
.onnuri-ai-storybook .ai_badge_star {position:absolute;top:3px;right:3px;width:14px;height:14px;border:0;box-shadow:none;}
.onnuri-ai-book-category {display:table;max-width:100%;margin:0 auto 7px;padding:6px 15px 4px;border-radius:20px;background:#f1f3f5;color:#74808b;font-size:14px;font-weight:500;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.onnuri-ai-book-title {display:block;color:#143c68;font-size:20px;font-weight:500;line-height:1.5;word-break:keep-all;}
.onnuri-ai-book-subtitle {display:block;margin-top:1px;color:#3e607c;font-size:13px;font-weight:400;line-height:1.4;word-break:keep-all;}

@media (max-width:1300px) {
    .onnuri-ai-storybook-inner {gap:30px;}
    .onnuri-ai-title {font-size:38px;}
    .onnuri-ai-books {gap:32px;}
}

@media (max-width:1024px) {
    .onnuri-ai-storybook-inner {display:block;}
    .onnuri-ai-intro {max-width:500px;margin-bottom:42px;padding-top:0;}
    .onnuri-ai-description {max-width:430px;}
    .onnuri-ai-books {grid-template-columns:repeat(2,minmax(0,280px));justify-content:center;gap:36px 48px;}
}

@media (max-width:768px) {
    .onnuri-ai-storybook {padding:42px 0 55px;}
    .onnuri-ai-label {margin-bottom:16px;font-size:11px;}
    .onnuri-ai-title {font-size:34px;}
    .onnuri-ai-description {margin:18px 0 23px;font-size:16px;}
    .onnuri-ai-books {grid-template-columns:minmax(0,280px);gap:34px;}
    .onnuri-ai-book-cover {margin-bottom:14px;}
    .onnuri-ai-storybook .ai_badge {top:-10px;left:-10px;width:40px;height:40px;font-size:14px;}
    .onnuri-ai-book-category {font-size:13px;}
    .onnuri-ai-book-title {font-size:16px;}
}