@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;600;700;800;900&family=Noto+Serif+KR:wght@500;600;700;800;900&display=swap');
*{box-sizing:border-box}body{margin:0;color:#1c3442;background:#edf3f5;font-family:'Noto Sans KR',sans-serif}a{color:inherit;text-decoration:none}
.library-header{height:67px;padding:0 max(25px,calc((100vw - 1240px)/2));background:#fff;border-bottom:1px solid #c0d2da;display:flex;align-items:center;justify-content:space-between}.library-header>a:first-child{display:flex;align-items:center;gap:18px;font-size:13px;font-weight:800}.library-header img{width:108px;height:42px;object-fit:contain}.library-header>a:last-child{font-size:12px;font-weight:700;color:#426b7d}
main{max-width:1240px;margin:auto;padding:0 30px}.library-intro{padding:72px 0 46px;border-bottom:1px solid #b4cbd4}.library-intro>span{font-size:11px;font-weight:900;letter-spacing:.19em;color:#1681a9}.library-intro h1{font-family:'Noto Serif KR',serif;font-size:clamp(42px,5.2vw,70px);line-height:1.26;letter-spacing:-.075em;margin:16px 0 22px}.library-intro p{font-size:16px;line-height:1.8;max-width:730px;color:#4d6b79}
.shelf-zone{padding:43px 0 0}.shelf-label{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #b5cbd4;padding-bottom:13px;color:#5c7885;font-size:11px;letter-spacing:.1em}.shelf-label strong{font-family:'Noto Serif KR',serif;font-size:20px;color:#233e4c}
.physical-shelf{display:flex;align-items:center;justify-content:center;gap:0;padding:58px 4px 70px;position:relative;isolation:isolate}.shelf-book{position:relative;z-index:1;display:block;flex:0 0 28%;min-width:0;margin-left:-5%;transition:transform .25s}.shelf-book:first-child{margin-left:0;transform:translateY(16px) rotate(-2deg)}.shelf-book:nth-child(2){z-index:2;transform:translateY(2px) rotate(1deg)}.shelf-book:nth-child(3){z-index:3;transform:translateY(17px) rotate(-1deg)}.shelf-book:nth-child(4){z-index:4;transform:translateY(1px) rotate(2deg)}.shelf-book:hover,.shelf-book:focus-visible{z-index:10;transform:translateY(-14px) rotate(0)}.shelf-book .cmc-book-object{max-width:285px}.shelf-book .cmc-book-title strong{font-size:clamp(19px,1.9vw,27px)}.shelf-book>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.shelf-book:focus-visible{outline:3px solid #1689b1;outline-offset:8px}
.library-status{border-top:1px solid #b5cbd4;padding:26px 0 58px;font-size:12px;line-height:1.8;color:#667f8b}footer{background:#dfe9ed;text-align:center;padding:30px;font-size:12px;color:#56717e}
@media(max-width:760px){.library-header{padding:0 16px}.library-header img{width:80px}.library-header>a:first-child{gap:7px;font-size:11px}.library-header>a:last-child{font-size:10px}main{padding:0 18px}.library-intro{padding:50px 0 35px}.library-intro h1{font-size:38px}.library-intro p{font-size:14px}.physical-shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 0;padding:40px 5px 45px}.shelf-book,.shelf-book:first-child,.shelf-book:nth-child(2),.shelf-book:nth-child(3),.shelf-book:nth-child(4){width:103%;margin-left:0;transform:rotate(-2deg)}.shelf-book:nth-child(even){margin-left:-3%;transform:rotate(2deg)}.shelf-book .cmc-book-object{max-width:230px}.shelf-label strong{font-size:14px}}
@media(max-width:420px){.shelf-book .cmc-book-title strong{font-size:18px}.shelf-book .cmc-book-masthead span{font-size:5px}.shelf-book .cmc-book-title em{font-size:7px}.shelf-book .cmc-book-footer{font-size:6px}}